用框架框架创建两列布局？

我是新来的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

用框架框架创建两列布局？

回答

相关问题