부트 스트랩을 사용하여 홀수 열을 "균등하게"배포하는 방법은 무엇입니까?

Question

부트 스트랩 반응 형 CSS를 사용하여 12 스팬 행에 균등하게 분배 된 달력의 모든 요일을 표시해야합니다 (7 개).

나는

<div class ="span12"> 
<div class="span2"> Monday </div> 
....... 
...... 
<div class="span2"> Sunday </div> 
</div> 

이 12 경간 갈 것을 시도하고 다음 행의 마지막 열을 감싸고있다.

누구나 올바른 방법이 무엇인지 압니다.

감사합니다.

Answer 1

감사합니다! .row-fluid span2의 너비를 늘려 별도의 클래스로 만들었습니다. 그것은 효과가있다!

.row-fluid .daySpan { 
    width: 14.192978723404255%; 
    *width: 14.192978723404255%; 
} 

Answer 2

사용자 정의 너비를 설정하려면 그리드 대신 사용자 고유의 클래스를 사용해야합니다. 아마도 기존의 부트 스트랩 그리드 클래스와 결합하여 여백 등을 가져올 수 있습니다.

음수의 왼쪽 및 오른쪽 여백을 제공하는 행 div를 잊지 마십시오.

http://jsfiddle.net/2n8Cx/1 (만이 데모에서 사용할 응답 하나 개의 폭 범위에서 작동합니다.)

.span1.spanDays {width: 86px;} 

<div class="span12"> 
    <div class="row"> 
    <div class="span1 spanDays"> Monday </div> 
    ....... 
    ...... 
    <div class="span1 spanDays"> Sunday </div> 
    </div> 
</div> 

http://twitter.github.com/bootstrap/scaffolding.html#gridSystem