Question

如何获取内联标题和表单？

<h2 class="sub-header">Name</h2>
<form class="form-inline" role="form">
  <div class="form-group">
    <label class="sr-only" for="name">Name</label>
        <input type="input" class="form-control" id="name" placeholder="Name">
    </div>
    <button type="submit" class="btn btn-default" title="Save">
        <span class="glyphicon glyphicon-ok"></span>
    </button>
<form>

我希望右侧的表单和左侧的子标题，所以我尝试将pull-right添加到表单类，但它仍然不起作用，表单总是在我的下面子报头。

Answer 1

h2 , .form-inline , .form-group{
    display:inline;
}

http://jsfiddle.net/JvfqB/

这样的东西？

编辑：刚清理了一下（但请参考原始的jsfiddle）：

http://jsfiddle.net/JvfqB/1/

Answer 2

尝试使用css float

.Anyclass{
float:right;
}

另一种方法是css显示元素

.AnyClass{
 display:inline
 }

Answer 3

你需要在CSS中给form_inline一个浮点数。

.form_inline {
    float: right;
    margin-top: -XXpx;
}

margin-top是设置表单的高度。

如何获得一个subheader和内联形式？

3 个答案: