Html Wierd表单偏移外观/错误?
我不确定这里发生了什么都是偏移量:/Html Wierd表单偏移外观/错误?,html,forms,twitter-bootstrap,offset,Html,Forms,Twitter Bootstrap,Offset,我不确定这里发生了什么都是偏移量:/ 尝试一下: 老实说,我不确定是什么导致了这种奇怪的布局,但是把这个表单放在一个容器中似乎可以缓解这个问题 希望这有帮助 您没有在正确的位置关闭第一行。最好对代码进行注释,以便知道自己的位置 <div class="row"> <div class="col-md-6"> <input type="text" class="form-control" placeholder="In Game Name
尝试一下:
老实说,我不确定是什么导致了这种奇怪的布局,但是把这个表单放在一个容器中似乎可以缓解这个问题
希望这有帮助 您没有在正确的位置关闭第一行
。最好对代码进行注释,以便知道自己的位置
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="In Game Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="How long have you been playing Minecraft">
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="In Game Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="How long have you been playing Minecraft">
</div>
</div><!-- /.row -->
这进入了.container
或.container fluid
这里的屏幕截图是不够的。请创建一个显示问题的。缺少CSS。未正确关闭.row。请看答案。我试过它有点固定了,但现在它占据了整个屏幕是的容器流体是全屏的。使用容器
将其缩小。
<div class="container-fluid"> <!-- OR <div class="container"> -->
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="In Game Name"/>
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="How long have you been playing Minecraft"/>
</div>
</div>
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="In Game Name"/>
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="How long have you been playing Minecraft"/>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="In Game Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="How long have you been playing Minecraft">
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="In Game Name">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="How long have you been playing Minecraft">
</div>
</div><!-- /.row -->