css – 面板布局内的bootstrap形式看起来不对

前端之家收集整理的这篇文章主要介绍了css – 面板布局内的bootstrap形式看起来不对前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如果我在引导程序面板中定义了一个表单,那么表单组布局就会变成碎片.

enter image description here

我将表格涂成红色,以便我可以看到它的位置;)这里是jsFiddle:https://jsfiddle.net/DTcHh/

我发现如果我添加

.panel-body .form-horizontal .form-group {
    margin-right: 25px;
    margin-left: 25px;
}

到了css,然后我得到了这个

enter image description here

(我将表格涂成红色,以便我可以看到它的位置;))

所以它看起来像是固定的,但对我来说似乎是一个可怕的黑客

>这是bootstrap中的错误
>我只需要申请这个CSS
>我的表单定义有问题吗?

谢谢

最佳答案
根据bootstrap docs(http://getbootstrap.com/css/#forms-horizontal),类form-horizo​​ntal使< form>就像一个.row所以你不需要添加它,并从组,标签和东西中获得.col – ** – *.文档给你一个例子o

但你在.row中有一个.row而没有.col – ** – *. .row有删除父母填充的负边距,因此没有.col – ** – *作为父级,它有2个负边距.

所以它有点混乱.我建议删除你的.row和.form-horizo​​ntal类来实现你想要的外观或像你已经做的那样添加边距.

Here it’s a fiddle.

原文链接:https://www.f2er.com/css/427504.html

猜你在找的CSS相关文章