2013-12-17 64 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