bootstrap的span4 class無效了麼？『神獸必讀』

Honwhy發表於2015-01-03
boot

問題

span4 class is not working with twitter bootstrap
作為一個從事web開發的新新人類，我很高興我使用上了Twitter Bootstrap了，我試著用下面的程式碼建立三個列

 <div class="container">
   <div class="row">
            <div class="span4">
                <h4 class="muted text-center">About me</h4>
                <p>Sample Text1.</p>
                <a href="#" class="btn"><i class="icon-user"></i> Text1</a>
            </div>
            <div class="span4">
                <h4 class="muted text-center">About you</h4>
                <p>Sample Text2</p>
                <a href="#" class="btn btn-success"><i class="icon-star icon-white"></i> Text2</a>
            </div>
            <div class="span4">
                <h4 class="muted text-center">About Us</h4>
                <p>Sample Text3</p>
                <a href="#" class="btn btn-info">Text3</a>
            </div>
        </div>
</div>

但是我發現，他們並沒有被分成三列，而是一個疊在另外一個上面。我是否需要修改bootstrap.css檔案，還是說預設的bootstrap.css並沒有這個span4。

答案

好了，我翻譯不了了
簡單地說就是，
As of bootstrap 3.0…spanX have been depreciated,instead,col-xx-## is used now where xx can be lg, md, sm or xs and # ranges from 1 to 12

bootstrap3.0版本不再使用原來spanX的class了，你該使用col-xx-##的形式了
##請用1到12數字代替
xx可以選用的有
lg: large
md: middle
sm: small
xs: Extra Small(更小的)

相關文章