Css 如何解决标头与其他引导表单控件的对齐问题?

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

我使用的是bootstrap3。这是我的密码

.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