2014-06-18 2 views
1

가 이해가 안 인라인하지 :부트 스트랩 2.3.2 행이 인라인되지 않는 이유

http://jsfiddle.net/dugfresh/dUkz4/

<div class="btn-group" data-toggle="buttons-checkbox"> 
    <div class="row"> 
     <div class="span7"><button type="button" class="btn btn-primary">Sun</button></div> 
     <div class="span7"><button type="button" class="btn btn-primary">Mon</button></div> 
     <div class="span7"><button type="button" class="btn btn-primary">Tue</button></div> 
     <div class="span7"><button type="button" class="btn btn-primary">Wed</button></div> 
     <div class="span7"><button type="button" class="btn btn-primary">Thu</button></div> 
     <div class="span7"><button type="button" class="btn btn-primary">Fri</button></div> 
     <div class="span7"><button type="button" class="btn btn-primary">Sat</button></div> 
    </div> 
</div> 
+0

어떻게 부트 스트랩 그리드 공장. 'span7'은 한 줄에 7 개의 원소를위한 것이 아니라, 12 개의 넓이 중 7 개의 컬럼을위한 것입니다. 따라서 작성한 방식대로 각 행에 하나의 단추 만 들어갑니다. Bootstrap 12 열 그리드가 7로 나눌 수 없기 때문에 이것은 또한 어려운 일이 될 것입니다. 그리드 시스템 내에서 원하는 것을 할 수있을 것이라고 생각하지 않습니다. TheLittlePig의 방법을 사용합니다. –

답변

1

는 당신을 위해 무엇을 찾고있는 건가?

바이올린 : http://jsfiddle.net/dUkz4/3/

HTML :

<div class="btn-group" data-toggle="buttons-checkbox"> 
    <button type="button" class="btn btn-primary">Sun</button> 
    <button type="button" class="btn btn-primary">Mon</button> 
    <button type="button" class="btn btn-primary">Tue</button> 
    <button type="button" class="btn btn-primary">Wed</button> 
    <button type="button" class="btn btn-primary">Thu</button> 
    <button type="button" class="btn btn-primary">Fri</button> 
    <button type="button" class="btn btn-primary">Sat</button> 
</div> 

문서 :

: 코멘트 후 http://getbootstrap.com/2.3.2/components.html#buttonGroups

UPDATE 16,

당신은 공간에 대한 CSS를 사용자 정의 할 수 있습니다

.btn-group .btn{ 
    margin-right:5px; 
} 

을 그리고 여기에

<div class="btn-group row-fluid" data-toggle="buttons-checkbox"> 
     <button type="button" class="btn btn-primary span1">Sun</button> 
     <button type="button" class="btn btn-primary span1">Mon</button> 
     <button type="button" class="btn btn-primary span1">Tue</button> 
     <button type="button" class="btn btn-primary span1">Wed</button> 
     <button type="button" class="btn btn-primary span1">Thu</button> 
     <button type="button" class="btn btn-primary span1">Fri</button> 
     <button type="button" class="btn btn-primary span1">Sat</button> 
    </div> 

같은 것을 만들는 (반응) 결과 : 당신은 오해하는 http://jsfiddle.net/dUkz4/4/

+0

기술적으로는 맞습니다. 나는 그 (것)들을 나란히 놓고 싶습니다. 가능하다면 그리드 시스템이 버튼들 사이에 간격을 제공 할 수있게하려고했습니다. – doug78

+0

원하는 경우 확인을 읽을 수 있습니다. – pbenard

+0

옙 그 작품, 고마워. – doug78

관련 문제