Bootstrap网格问题

时间:2016-01-15 06:21:49

标签: twitter-bootstrap-3

嘿所以我是boostrap 3的新手,我试图重新创建一个网站作为练习。我需要找到一种方法,在左边添加3行(各种col * md *尺寸)的框,在右边添加一个延伸到页面底部的大图片,而不会干扰我的其他框/行。左边。我已经找到了多种方法来做到这一点,但是如果有人在那里可以提供一个关于如何实现这一点的代码,这个解释可以帮助我完成这个项目以及更多的事情。如果你转到下面的链接,这个例子是第一个穿着黄色雨衣的人: SqlFiddle

1 个答案:

答案 0 :(得分:1)

好吧,如果你向你展示代码会更容易但是......代码应该看起来像这样

<div class="row col-lg-12">

<div class="col-lg-8 leftSide">
 <!--This is the left side of that"div"and here you can add rows as much as you want-->
  <row>
    <div class="col-lg-6"></div>
    <div class="col-lg-6"><div>
  </row>

   <row>
    <div class="col-lg-7"></div>
    <div class="col-lg-5"><div>
  </row>
</div>

<div class="col-lg-8 right side">
   <!--The image part is here-->
</div>

</div>