Css 一行中有两个div(使用col-md和col-md偏移引导)

Css 一行中有两个div(使用col-md和col-md偏移引导),css,twitter-bootstrap,Css,Twitter Bootstrap,我有两个部门: <div class="col-md-6 col-md-offset-1 "> </div> <div class = "col-md-3 col-md-offset-9 "></div> 看起来是这样的: <div class="col-md-6"> </div> <div class = "col-md-3"> </div> 但我需要它看起来像这样: <div clas

我有两个部门:

<div class="col-md-6 col-md-offset-1 "> </div>
<div class = "col-md-3 col-md-offset-9  "></div>
看起来是这样的:

<div class="col-md-6"> </div>
<div class = "col-md-3"> </div>
但我需要它看起来像这样:

<div class="col-md-6"> </div>
<div class = "col-md-3"> </div>

但是我需要使用偏移量。

整行的列数总是12

在你的第一段代码中,你达到了19列,所以这是发生的,你需要把它们加起来12列

第1节:偏移量1+宽度6=7 然后 第2节:偏移量2+宽度3=5

总数:12

这应该行得通

<div class="col-md-6 col-md-offset-1 "> </div>
<div class = "col-md-3 col-md-offset-2  "></div>

或者任何加起来等于12的东西。

你到底想做什么?如果希望它看起来像第二幅图像,可以使用:

<div class="col-md-9"> </div>
<div class="col-md-3"> </div>
或者,如果您希望它们之间的偏移量(例如)为3列,则可能需要类似以下内容:

<div class="col-md-6 col-md-offset-3"> </div>
<div class="col-md-3"> </div>
如果要减小偏移量,例如两列,请相应增大第一列的大小,例如:

<div class="col-md-7 col-md-offset-2"> </div>
<div class="col-md-3"> </div>

应该是这样的

class="col-md-6 col-md-offset-1"
class="col-md-3 col-md-offset-2"

要显示两个Div,一个在最右侧,另一个在最左侧:

CSS:

内体标签:

 <div class="div1">Div 1 content</div>
 <div class="div2 pull-right">Div 2 content</div>

请注意pull right引导的类。或者,您可以使用float:right。

是否必须使用twitter引导列来实现此目的?您可以通过将两个div的样式都设置为div{float:left;width:400px;}来轻松实现这一点