跨度不在bootstrap中工作3

时间:2013-12-17 17:03:39

标签: twitter-bootstrap

Span在bootstrap v3.0.3中无效。

 <div class="span4">    
        <div class="list-group">
        <a href="#" class="list-group-item active">Link</a>
        <a href="#" class="list-group-item">Link 1</a>
        <a href="#" class="list-group-item">Link 2</a>
        <a href="#" class="list-group-item">Link 3</a>
        <a href="#" class="list-group-item">Link 4</a>
        </div>
    </div>

2 个答案:

答案 0 :(得分:51)

span在Bootstrap 3中已经变得多余。它已被col-xx-#取代,其中xx可以是lgmd,{{1 }或smxs的范围是1到12.阅读here

以下是您的代码的外观:

#

您可以根据要求使用上述任何<div class="col-md-4"> <div class="list-group"> <a href="#" class="list-group-item active">Link</a> <a href="#" class="list-group-item">Link 1</a> <a href="#" class="list-group-item">Link 2</a> <a href="#" class="list-group-item">Link 3</a> <a href="#" class="list-group-item">Link 4</a> </div> </div> 代替md

答案 1 :(得分:2)

正如Ranveer所提到的,Bootstrap 3不再使用span,而是使用.col-xx-4(xx是调整大小的最小视口大小才能生效[xs,sm,md,lg])。以下是文档的链接以获取更多信息:http://getbootstrap.com/css/#grid