gpt4 book ai didi

html - 使用 Bootstrap 2.3 为表单留下的边距

转载 作者:太空宇宙 更新时间:2023-11-03 18:27:04 25 4
gpt4 key购买 nike

我看不出如何使用 Bootstrap 2.3.2 将表单与图像的开头对齐。

这是我的代码:

<body>

<div class="container">
<img src="http://s10.postimg.org/6xjbbn6yh/0_Bl8if_L2_Et_AUQg_Y_n0_dsw.png">
<div class="form">
<form accept-charset="UTF-8" action="/orders/97" class="form-horizontal" data-remote="true" id="edit_ad_586" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="patch"></div>
<div class="control-group">
<label class="control-label" for="score">Score</label>
<div class="controls">
<select class="input-small" id="ad_score" name="ad[score]"><option selected="selected" value="1">1</option>
<option value="2">2</option>
<option value="10">10</option></select>
</div>
</div>
<div class="control-group">
<div class="controls">
<input class="btn btn-primary" name="commit" type="submit" value="Score!">
</div>
</div>
</form> </div>
</div>
</body>

现场直播:Bootstrap left margin in form

我希望表格避免留有左边距并与图片的开头对齐。我该怎么做?

最佳答案

如果您只想覆盖 CSS,请使用以下命令:

jsFiddle example

.form-horizontal .controls {
margin-left: 0px;
}
.form-horizontal .control-label {
width: 54px;
text-align:left;
}

这会移除.form-horizo​​ntal .controls上的margin-left,然后缩小.control-label的宽度并对齐它向左而不是向右。

我不使用 Bootstrap ,因此我不知道实现此目的的最有效方法。尽管如此,这似乎就是您想要的。

关于html - 使用 Bootstrap 2.3 为表单留下的边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20599996/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com