css – 引导 – 选择和按钮彼此相邻

前端之家收集整理的这篇文章主要介绍了css – 引导 – 选择和按钮彼此相邻前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个< select>和一个彼此相邻的按钮,并希望通过引导来对其进行风格化.
选择没有类看起来像这样:

选择class =“form-control”看起来像这样:

注意,该按钮现在正在选择.我不知道,哪个CSS属性负责这个.我应该怎么改,选择旁边有按钮?

解决方法

遵循Boostrap语法:

您应该在表单中添加form-inline类,请参阅official doc

官方例子

<form class="form-inline" role="form">
  <div class="form-group">
    <label class="sr-only" for="exampleInputEmail2">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
  </div>
  <div class="form-group">
    <div class="input-group">
      <div class="input-group-addon">@</div>
      <input class="form-control" type="email" placeholder="Enter email">
    </div>
  </div>
  <div class="form-group">
    <label class="sr-only" for="exampleInputPassword2">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
  </div>
  <div class="checkBox">
    <label>
      <input type="checkBox"> Remember me
    </label>
  </div>
  <button type="submit" class="btn btn-default">Sign in</button>
</form>

猜你在找的CSS相关文章