2013-01-11 2 views
0

Мы пытаемся построить содержание предварительного просмотра сетки в загрузчике - так же, как вы можете видеть на medium.com например: https://medium.com/100-word-storiesМодульные содержимого коробки с использованием начальной загрузки и CSS

Мы в настоящее время используют этот вид структуры с динамическим бутстрапом:

<div class="container"> 
    <div class="row"> 
    <div class="span4">CONTENT BOX 1</div> 
    <div class="span4">CONTENT BOX 2</div> 
    <div class="span4">CONTENT BOX 3</div> 
    </row> 
    <row> 
    <div class="span4">CONTENT BOX 4</div> 
    <div class="span4">CONTENT BOX 5</div> 
    <div class="span4">CONTENT BOX 6</div> 
    </row> 
</div> 

Так мы думали использование/адаптации самозагрузки «хорошо» класс для того, чтобы хорошо обрамления и контейнеров ватного контента - что-то вроде <div class="span4 well"> - но CSS обивки/поле этого класса перерывов структура страницы.

Есть ли «чистый» способ сделать это с помощью бутстрапа, или нам лучше строить собственные классы с нуля? В этом случае - что вы, ребята, предложите, это лучший/самый чистый/неубедительный подход?

Заранее благодарен!

ответ

3

Вы используете последнюю версию рамки css?

<div class="row"> 
    <div class="span4"> 
     <div class="well">sdfijoidfisdonsdfiosdnfosdi</div> 
    </div> 
    <div class="span4"> 
     <div class="well">sdfijoidfisdonsdfiosdnfosdi</div> 
    </div> 
    <div class="span4"> 
     <div class="well">sdfijoidfisdonsdfiosdnfosdi</div> 
    </div> 
</div> 
<div class="row"> 
    <div class="span4"> 
     <div class="well">sdfijoidfisdonsdfiosdnfosdi</div> 
    </div> 
    <div class="span4"> 
     <div class="well">sdfijoidfisdonsdfiosdnfosdi</div> 
    </div> 
    <div class="span4"> 
     <div class="well">sdfijoidfisdonsdfiosdnfosdi</div> 
    </div> 
</div> 

Это работает для меня!

+2

Это правильно. Вы должны иметь в виду, что классы .row и .span предназначены для структурирования контента. Div с классом .well является содержимым, поэтому вы захотите поместить его в свою структуру, то есть внутри своих .span4 div. – Salem

+0

Я вижу! - приятно объяснил, благодаря вам обоим. Работает отлично ... – user1051849

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