Zurb Foundation Nested Div Issue

Так что я сейчас просто обнимаю Foundation, и у меня возникают проблемы с работой вложенных div.Zurb Foundation Nested Div Issue

У меня есть сетка с 14 столбцами ... Я хочу сосредоточить свой контент, имея большой центр с 12 центрами, а затем разделить мой контент внутри этого ... То, что я пытаюсь выяснить, это .. .do У меня есть в общей сложности 12 столбцов внутри этого div ... или он сбрасывается до 14 столбцов внутри моего разделителя ширины в 12 столбцов?

<div class="row"> 

    <div class="large-12 large-centered columns"> 

     <div class="large-5 columns" style="background-color:#CCC;"> 
      <img class="logo" src="img/360logo.png"> 
     </div> 

     <div class="large-8 large-offset-1 columns nav" style="background-color:#CCC;"> 
     <ul class="nav"> 
     <li><a href="#" class="nav last">Become a Model</a></li> 
     <li><a href="#" class="nav">Contact Us</a></li> 
     <li><a href="#" class="nav first">About Us</a></li> 
     </ul> 
     </div> 

    </div> 

</div>

источник

2013-10-04 user1385832

Почему вы хотите использовать только 12 столбцов из 14 колонок? Вы хотите оставить запасную колонку слева и справа? Для любого div.row вам нужно повторно использовать 14 столбцов внутри. В своем первом примере в документах см., Как внутри каждого .row цифры добавляются до 12: http://foundation.zurb.com/docs/components/grid.html –

У вас будет 14 столбцов. Это то же самое для любой вложенной строки независимо от того, насколько глубоко вы идете.

источник

2013-10-04 23:28:26 Dirtyrobot

Zurb Foundation Nested Div Issue

ответ

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