Question

标签和按钮未垂直对齐。按钮浮起来。我搜索并尝试了这些解决方案，但它们没有用。头部完全撞到了墙上。

这是小提琴。 http://www.bootply.com/5877LkksdX

<div class="row ">
    <div class="col-xs-2  ">
        <h3><label class="label label-primary">
                Student Information</label></h3>
    </div>
    <div class="col-xs-2 ">
       <input id="Button3" type="button" value="Add Student" class="btn btn-success btn-sm">
    </div>
</div>

Answer 1

学生信息＆＃34;文本包含在H3标记中，该标记包含margin-top: 20px;和margin-bottom: 10px;我建议您将其从H3中删除并为其创建自定义CSS类。

<强> HTML

<div class="mytitle">
  <label class="label label-primary">Student Information</label>
</div>

<强> CSS

.mytitle {
  font-size: 24px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

bootstrap 3按钮和标签不对齐

1 个答案: