Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Span not working in bootstrap 3

Tags:

Span is not working in 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> 
like image 676
Alimon Karim Avatar asked Dec 17 '13 17:12

Alimon Karim


1 Answers

span has become redundant in Bootstrap 3. It has now been replaced by col-xx-#, where xx can be lg, md, sm or xs and # ranges from 1 to 12. Read it up here.

Here's how your code should look like:

<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> 

Instead of md, you can use any of the above xx based on requirement.

like image 76
Ranveer Avatar answered Nov 09 '22 15:11

Ranveer