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

Ответ 1

span стал избыточным в Bootstrap 3. Теперь он был заменен на col-xx-#, где xx может быть lg, md, sm или xs и # от диапазона 1 до 12. Прочтите здесь.

Вот как выглядит ваш код:

<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 на основе требований.

Ответ 2

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