col里嵌套row,被嵌套的那部分栅格布局没有效果了,为什么啊?

来源:3-3 响应式布局之Bootstrap实际案例

慕瓜2201098

2017-09-13 18:22

<div class="container">

   <div class="row">

   <div class="col-sm-9"> 

   

<div class="jumbotron">

<h1>Hello, world!</h1>

<p>基本介绍</p>

</div>

   

    

    <div class="row">

      <div class="col-6">

         <h2> 标题 </h2>

         <p> fsdhfhsjkhskfhksaffsfjlsfjkdsjfklsdjflskfjlksjflksjflsjflsjdflkdsavhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhkjsahldfjkfdassssssssssssssssssssssssssssssssss  </p>

         <a class="btn btn-default"> 更多</a>

      </div>

    </div>

    


   </div>

   <div class="col-sm-3">

<ul class="list-group">

<li class="list-group-item">Cras justo odio</li>

<li class="list-group-item">Dapibus ac facilisis in</li>

<li class="list-group-item">Morbi leo risus</li>

<li class="list-group-item">Porta ac consectetur ac</li>

<li class="list-group-item">Vestibulum at eros</li>

</ul>

</div>


</div>

</div>


写回答 关注

1回答

  • qq_旧夢review_1
    2017-09-17 22:57:22

    行内标签嵌套块级标签会出错的


认识响应式布局

使用Bootstrap前端框架,本教程让网站兼容不同终端不再是梦

132109 学习 · 278 问题

查看课程

相似问题