gpt4 book ai didi

html - Bootstrap 3 : Alignment issues while creating form

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

我在使用 bootstrap 3 创建表单时遇到一些对齐问题。我想将我的表单向左对齐,以便我的表单字段从左侧开始。但是我所拥有的是表单字段的左侧有很多空间。我尝试使用“向左拉”和边距 css,但它不起作用。

我无法解决的另一件事是它以某种方式在屏幕底部添加了一个滚动条,即使我没有任何数据。

我为此创建了一个代码笔: https://codepen.io/anon/pen/gKNZwz

没有把整个代码放在这里,因为它太多了。

<div class="form-horizontal">
<div class="form-group pull-left" style="">
</div>
</div>

将不胜感激。

最佳答案

您在其中一个类上有负边距,您必须将其删除以避免水平滚动条,请参见下面的屏幕截图 look the margin left and right of -15px

为了减少左边的空间,你可以让你的标签文本左对齐或者让你的标签类.col-sm-1,

 .form-horizontal .form-group {
margin-left:0;
margin-right:0;
}

.form-horizontal .control-label {
text-align: left;
}

我添加了一支更新的笔,看看是否对您有帮助:

https://codepen.io/anon/pen/dKBaYq

关于html - Bootstrap 3 : Alignment issues while creating form,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51213123/

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