如何对齐标签和选择框

Question

我在我的网站中加入了this theme

似乎label和select dropdown无法很好地对齐。

如何修复布局损坏的问题？

这里是现场演示http://lazyair.co/user/index

Answer 1

从下拉列表中删除20px上边距：

.btn.selectpicker{
    margin-top:0;
}

Answer 2

<button type="button" class="btn dropdown-toggle selectpicker btn-light" data-toggle="dropdown" title="高雄" aria-expanded="false"><span class="filter-option pull-left">高雄</span>&nbsp;<span class="caret"></span></button>

您可以仅为此选择字段从此按钮中删除上边距。

Answer 3

你应该删除margin-top：

＆＃13;

＆＃13;

/* line 5, /home/poc/lazy-bird-website/app/assets/stylesheets/city.scss */
#nav-btn-monthly, .btn, .btn-large, .btn-flat {
  padding: 0 0.1rem;
  width: 90px;
  /* margin-top: 20px; */
  color: white;
  font-size: 1.0rem;
}

＆＃13;

＆＃13;

＆＃13;