Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Bootrstrap列中的Float部分_Css_Twitter Bootstrap - Fatal编程技术网

Css Bootrstrap列中的Float部分

Css Bootrstrap列中的Float部分,css,twitter-bootstrap,Css,Twitter Bootstrap,我在全屏宽度上创建了两个矩形(因此没有)。 我用过引导程序 现在,让这些矩形的内容仍然在页面的中间,左边的部分( COL-SM -5/代码>)有宽度:Calc(1170px/12×5)< /代码>,右边的部分相应地是代码>宽度:Calc(1170px/12×7); 右边的部分看起来不错,但是我需要把左边的部分放在容器的左边 float:right不起作用, 位置:绝对位置;右:0使它看起来完全错误 守则: <div> <div class="row equal">

我在全屏宽度上创建了两个矩形(因此没有
)。 我用过引导程序

现在,让这些矩形的内容仍然在页面的中间,左边的部分(<代码> COL-SM -5/代码>)有<代码>宽度:Calc(1170px/12×5)< /代码>,右边的部分相应地是代码>宽度:Calc(1170px/12×7);<代码>

右边的部分看起来不错,但是我需要把左边的部分放在容器的左边

float:right
不起作用,
位置:绝对位置;右:0使它看起来完全错误

守则:

<div>
 <div class="row equal">
      <div class="col-sm-5 double-left">
           <section class="double-left">
           Left side
           </section>
      </div>
      <div class="col-sm-7 double-right">
           <section class="double-right">
           Right side
           </section>       
      </div>
 </div>
</div>
另外,我使用
.equal
使列具有相同的高度

提前谢谢你

试试这个

section.double-left {
    position: relative;
    text-align: right;
    width: 100%;
}
由于它位于col-sm-5中,并且只有一个子元素,因此可以将宽度设置为100%(以填充所有空间),文本对齐将使文本向右浮动

section.double-left {
    position: relative;
    text-align: right;
    width: 100%;
}

由于它位于col-sm-5中,并且只有一个子元素,因此可以将宽度设置为100%(以填充所有空间),文本对齐将使文本向右浮动

,但我不希望文本向右对齐。你看到这个实例了吗?我看到了,我想我不明白你当时想要什么,请更好地解释一下你想要实现什么。现在
部分的宽度。左双可以。我想要实现的是,它不在
div.col-sm-5
的左侧,而是右侧,但我不希望文本右对齐。你看到这个实例了吗?我看到了,我想我不明白你当时想要什么,请更好地解释一下你想要实现什么。现在
部分的宽度。左双可以。我想要实现的是,它不在左侧,而是在div.col-sm-5的右侧