Css 如何解决标头与其他引导表单控件的对齐问题?
我使用的是bootstrap3。这是我的密码Css 如何解决标头与其他引导表单控件的对齐问题?,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我使用的是bootstrap3。这是我的密码 .divisionif{ 边缘底部:5px; 位置:相对位置; 边框顶部:2倍纯色灰色; } .表格名称{ 位置:相对位置; 颜色:#7cc0e1; 字体大小:20px; 文本对齐:左对齐; 边缘顶部:10px; 边缘底部:5px; } 申请计划 机构类型 名称 申请 为什么不用自己的样式覆盖引导样式呢 将此添加到您的代码中: .form-group { margin-right: 0 !important; margin-lef
.divisionif{
边缘底部:5px;
位置:相对位置;
边框顶部:2倍纯色灰色;
}
.表格名称{
位置:相对位置;
颜色:#7cc0e1;
字体大小:20px;
文本对齐:左对齐;
边缘顶部:10px;
边缘底部:5px;
}
申请计划
机构类型
名称
申请
为什么不用自己的样式覆盖引导样式呢
将此添加到您的代码中:
.form-group {
margin-right: 0 !important;
margin-left: 0 !important;
}
在
表单标题的左侧
和右侧
中填充。将分区
.divisionify {
margin-left: -15px;
margin-right: -15px;
}
.form-title{
margin-left: -15px;
margin-right: -15px;
}
使用的问题!重要的是,每件事最终都会对你很重要。我将使用父到子调用示例:
#父.子{右边距:0px;左边距:0px;}
这样,您就可以不用进行管理了!重要信息
。想想看,使用!重要信息
对于这种情况,您要将引导的默认响应更改为整个页面
DOC:您可以向元素添加一个附加id,并根据自己的意愿设置样式。这样你就可以避免!重要信息
。这是我喜欢的方式
编辑的代码段
.divisionif{
边缘底部:5px;
位置:相对位置;
边框顶部:2倍纯色灰色;
}
.表格名称{
位置:相对位置;
颜色:#7cc0e1;
字体大小:20px;
文本对齐:左对齐;
边缘顶部:10px;
边缘底部:5px;
}
#应用计划{
左边距:-15px;
右边距:-15px;
}
#分部{
左边距:-15px;
右边距:-15px;
}
申请计划
机构类型
名称
申请
谢谢你的回答。我想它会起作用的。然而,使用~重要的通常不是一个坏主意吗?人们喜欢这样说:永远不要使用!重要提示
,切勿使用内联样式,切勿使用表格进行布局等。这些语句通常过于简单和夸张。我同意!重要信息
不应作为编写高质量代码的替代品。您应该始终使用特定性和级联来正确应用规则。但是请记住,!重要信息
在规范中。它的存在是有原因的。使用的一个很好的理由!重要的是覆盖您无法控制的代码。我从来没有使用过!重要信息
在我编写的代码中。但在很多情况下,当我想将样式应用于第三方工具(如搜索、翻译和日历)时,它就派上了用场。感谢您的详细解释!我已经在问题中提到了这一点。我在问是否有更好的选择。是的!您可以在表单组上调用column类。如表格组col-md-12
。