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的右侧