我在bootstrap里尝试给网页添加一个modal,代码如下:
<div class="modal-body">
<form class="form-inline">
<div class="form-group">
<label for="email" class="sr-only">Email Address</label>
<input type="email" class="form-control input-sm" id="email" placeholder="Email">
</div>
<div class="form-group">
<label for="password" class="sr-only">Password
</label>
<input type="password" id="password" class="form-control input-sm" placeholder="Password">
</div>
<div class="checkbox">
<label><input type="checkbox" class="form-control">Remember me
</label>
</div>
<button type="submit" class="btn btn-info btn-sm form-control">Sign In</button>
<button type="button" class="btn btn-default btn-sm form-control" data-dismiss="modal">Cancel</button>
</form>
</div>
但是在Chrome上点击出来的modal是这样的:
诡异的是,我用Firefox的话就没问题,是在同一行。。。
然后我也尝试过用form-horizontal,col-sm-*,全部加div,form-group啦,但都不行
求教大神们,能否指点迷津下,谢谢!