2017-12-27 41 views
0

최근에 달성하고자하는 문제가 발생했습니다 : 0.5 col | 11 col | 0.5 COL 나는 비슷한 문제를 쳐다 보면서 설명하는 두 가지 방법을 발견했습니다부트 스트랩 3 - Half Columns Trouble

중첩 : 당신이 볼 수있는 바와 같이

<div class="col-xs-1"> 
    <div class="col-xs-6">0.5 col</div> 
     <!-- 11 col here from 'master' !--> 
</div> 
<div class="col-xs-11"> 
    test 
</div> 
<div class="col-xs-1"> 
    <div class="col-xs-6">0.5 col</div> 
</div> 

, 나는 페이지의 11 COL을 달성하는 방법에 대한 확실 해요을 그 (것)들을 둥지를 짓기에있는 0.5의 col 후에.

부트 스트랩 말대꾸 파일 :

.col-xs-half { 
    @extend .col-xs-1; 
    width: percentage((0.5/$grid-columns)); 
} 

그러나,이 작동하지 않고 세트 생각하면 COL-XS-11가 시작 위치입니다.

도움을 주시면 감사하겠습니다.

답변

1

여기 부트 스트랩의 사용자 지정 버전

https://getbootstrap.com/docs/3.3/customize/#grid-system

변화 (12) 열

열 24을 구축 할 수 있습니다 당신은 당신의 HTML에 아래의 코드를 넣을 수 있습니다

<div class="col-md-1"></div> 
<div class="col-md-22"></div> 
<div class="col-md-1"></div>