Создайте раскладку из двух столбцов с каркасом скелета?

Question

Я новичок в каркасе Skeleton, и я пытаюсь построить макет из двух столбцов для проекта блога. До сих пор это то, что у меня есть:

<section class="list-posts"> 
    <div class="container"> 
     <div class="row"> 
      <div class="nine columns posts"> 
       [NINE COLUMNS] 
      </div><!--nine columns--> 

      <div class="three columns aside"> 
      [ASIDE] 
      [/ASIDE] 
      </div> 
     </div><!--row--> 
    </div> 

но больше столбцов добавляются к классу .posts в сторону сворачивает. Ваша помощь будет оценена по достоинству.

Answer 1

Не уверен, что я понимаю вашу проблему, но если вы пытаетесь вложить столбцы, вам нужно поместить строку div в девяти столбцах и завершить строки (строки) для каждых двенадцати столбцов.

Если это не так, не могли бы вы предоставить более конкретное разъяснение вашей проблемы ссылкой или изображением.

Answer 2

Ну после ожидания в течение нескольких часов, не получая никакой помощи, я решил получить мои руки грязные, это то, что я сделал

<section class="content"> 
    <div class="container"> 
     <div class="row"> 
      <!--LIST ALL THE POSTS HERE--> 
      <div class="twelve columns"> 
       <div class='twelve'> 
        <div class='row single-entry'> 
         <div class='six columns'> 
         ... 
         </div> 
         <div class='six columns'> 
         ... 
         </div> 
         </div><!--row--> 
      </div><!--twelve--> 
     </div><!--row--> 

     <!-- ASIDE--> 
     <div class="four columns aside border-between"> 
       <div class="row "> 
        <div class="twelve columns"> 
        <div class="twelve"> 
         <h4 class="standing">Recommendations</h4> 
        </div> 

        <div class="twelve columns recommended-articles"> 
         <div class="three columns"> 
          <img src="images/footer.png" class="u-max-full-width"> 
         </div> 
         <div class="nine columns recommended-articles-details"> 
          <h6 class="article-title">4 top SEO trends for 2017</h6> 
          <p class="author_name">Joel Orok</p> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section>