用框架框架創建兩列布局？

我是新來的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類一旁崩潰。您的幫助將不勝感激。

來源

2016-12-06 jiggaseige

不知道我是否理解您的問題，但如果您嘗試嵌套列，則需要在九列中放置一行div，併爲每十二列結束一行。

如果情況並非如此，可否請您提供一個鏈接或圖像更明確的問題。

來源

2016-12-12 09:56:10

等待幾個小時沒有得到任何幫助後，好了，我決定讓我的手髒，這是我做的

<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>

來源

2016-12-12 15:32:19 jiggaseige

用框架框架創建兩列布局？

回答

相關問題