bootstrap中,栅格的使用

https://img4.mukewang.com/5bd6ab5f0001145410200358.jpg

https://img4.mukewang.com/5bd6ab660001e3da10860207.jpg

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

慕神8447489
浏览 413回答 1
1回答

白猪掌柜的

可以试一下这样的结构呢<div&nbsp;class="container"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="row"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="col-md-3"&nbsp;style="padding:10px"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div>白色背景</div>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="col-md-9"&nbsp;style="padding:10px"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div>白色背景</div>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;</div> </div>3和9沾满容器之后、用padding给自己的自容器加间距
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript