2013-12-17 30 views
23

跨度在引导程序v3.0.3中不起作用。跨度在引导程序中不起作用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> 

回答

50

span已成为引导3.冗余现已取代col-xx-#,其中xx可以lgmdsmxs#范围为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,你可以使用任何基于要求上述xx的。

+0

有没有其他的类? –

+0

'col-xx-#'是替代课程。 – Ranveer

+0

非常感谢。 –

2

正如Ranveer提到的,Bootstrap 3不再使用span,而是使用.col-xx-4(其中xx是用于调整尺寸的最小视口大小[xs,sm,md,lg])。这里是链接文件的更多信息:http://getbootstrap.com/css/#grid