bootstrap中,栅格的使用

图片描述

图片描述

我两个div都在包裹在.container里面,使用col-md-9 和col-md-3 一排刚好 但是我想在另个div中加 margin 但是就换行了。
使用col-md-8 和col-md-3 ,右侧又缺一块。我想要的结果是:如图二,但是宽度延至红框部分,请教大神如何解决?

阅读 2.6k
3 个回答

可以试一下这样的结构呢

<div class="container">
    <div class="row">
        <div class="col-md-3" style="padding:10px">
            <div>白色背景</div>    
        </div>
        <div class="col-md-9" style="padding:10px">
            <div>白色背景</div> 
        </div>
    </div>
</div>    

3和9沾满容器之后、用padding给自己的自容器加间距

用偏移- -

左边的col-md-3 右边的col-md-8再加上

col-md-offset-1

另一个版本用span代替了col--
就直接写offset1

你想在哪个divmargin
如果是想让右边的div距离左边的div一定距离,可以使用offset

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题