Span не работает в bootstrap 3

Span не работает в bootstrap v3.0.3.Span не работает в bootstrap 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>

источник

2013-12-17 Alimon Karim

span стало излишним в Bootstrap 3. В настоящее время было заменено col-xx-#, где xx может быть lg, md, sm или xs и # находится в диапазоне от 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 на основе требований.

источник

2013-12-17 17:04:52 Ranveer

Есть ли альтернативный класс? –

'col-xx- #' Это альтернативный класс. – Ranveer

Большое спасибо. –

Как упоминал Ранвеер, Bootstrap 3 больше не использует span, и вместо этого вы должны использовать .col-xx-4 (при этом xx является минимальным размером видового экрана для того, чтобы размер вступил в силу [xs, sm, md, lg]). Вот ссылка на документацию для получения дополнительной информации: http://getbootstrap.com/css/#grid

источник

2013-12-17 17:07:29 Chris

Span не работает в bootstrap 3

ответ

Смежные вопросы