Bootstrap 3 Новая подвесная система и кол-Л.Г.

Question

Я пытаюсь перейти от начальной загрузки 2 до 3, но у меня есть проблема с новой системой сетки, в которой col-lg-* вместо span*

Im хромает на английском, так что я показать мою проблему на примерах :

База начальной загрузки 2 шаблона: http://bootply.com/71498

И самонастройки 3, тот же шаблон, но в которых я использовал col-lg-* вместо span*

http://bootply.com/71499

Любая идея?

Answer 1

Некоторые теги изменились. Как «thumbnail» теперь «img-thumbnail», а вложенные строки обычно должны суммироваться до 12 столбцов.

<div class="container"> 
<div class="row"> 
    <div class="col-lg-8"> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <img class="img-thumbnail" src="http://placehold.it/200x150"> 
       </div> 
       <div class="col-lg-9"> 
        <header class="entry-header"> 
         <h2>Lorem Ipsum</h2> 
        </header> 
       <p>Lorem Ipsum</p> 
       </div> 
      </div> 
    </div> 
    <div class="col-lg-4"> 
     Column 4 
    </div> 
</div> 

Answer 2

это должно работать

<div class="col-lg-8"> 
      <div class="row"> 
       <div class="col-lg-3"> 
        <img class="thumbnail" src="http://placehold.it/200x150"> 
       </div> 
       <div class="col-lg-9"> 
        <header class="entry-header"> 
         <h2>Lorem Ipsum</h2> 
        </header> 
       <p>Lorem Ipsum</p> 
       </div> 
      </div> 
    </div>