我有一个< 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>