CODEWITHSUNDEEP
twitter-bootstrap
Alimon Karim
Alimon Karim

Reputation: 4469

Span not working in bootstrap 3

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>

Upvotes: 24

Views: 23734

Answers (2)

Chris
Chris

Reputation: 240

As Ranveer mentioned, Bootstrap 3 no longer uses span and instead you would use .col-xx-4 (with xx being the minimum viewport size for the sizing to take effect [xs, sm, md, lg]). Here is the link for the documentation for more information: http://getbootstrap.com/css/#grid

Upvotes: 2

Ranveer
Ranveer

Reputation: 6863

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.

Upvotes: 50

Related Questions