如何在以下上下文中显示在同一行标签和div上

时间:2012-10-31 09:22:06

标签: css twitter-bootstrap

如何在bootstrap的上下文中显示相同的行标签和div。 我确实尝试了以下代码,但它不起作用:

.control-group​ {
    display: inline-block;
}​

演示:http://jsfiddle.net/hU6Kz/1028/

P.S .: 我想改变css规则而不是dom

3 个答案:

答案 0 :(得分:1)

.control-group是父div,您有孩子div.controls,需要将inline-block设置为在一行中显示。

试试这个CSS,

.controls {
    display: inline-block;
}​

http://jsfiddle.net/muthkum/hU6Kz/1030/

答案 1 :(得分:1)

您好现在在display inline-block div

中添加.controls

就像这样

.control-group , .controls{
    display: inline-block;
}

Live demo

答案 2 :(得分:1)

他们有另一个选择。使用此代码

.control-label {
float:left;
}

演示:fiddle