Question

我是bootstrap和css3的新手。我想在中间垂直对齐我的控件，但是有些人无法使用bootstrap类找到优雅的解决方案。请检查下面的示例代码段：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="col-md-12">
    <div class="form-group col-md-5">
      <span class="fieldtext">Field 1</span>
    </div>
    <div class="form-group col-md-7">
      <input class="form-control input-sm"></input>
    </div>
  </div>
</div>

Answer 1

因为我知道你想创建一个带有标签旁边的标签而不是它的顶部（就像Bootstrap的默认表格行为一样），你应该使用form-inline和{{1类。这样Bootstrap会将字段与标签对齐。

见这个例子：

＆＃13;

form-group

＆＃13;

Answer 2

<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>

 <a class="left carousel-control" href="#myCarousel" role="button" data-slide="next">   
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">previous</span>

只需在您的轮播控件中添加类右侧（Bootstrap-class）以获取下一个按钮，并在您的轮播控件中将类左侧（Bootstrap-class）添加到bootstrap中的上一个按钮。

在引导程序中垂直对齐控件

2 个答案: