javascript - bootstrap中，栅格的使用

Question

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

Answer 1

可以试一下这样的结构呢

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

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

Answer 2

用偏移- -

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

col-md-offset-1

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

Answer 3

你想在哪个p加margin？
如果是想让右边的p距离左边的p一定距离，可以使用offset