如何对齐Bootstrap中的文本3 Jumbotron一直到左边

我试图让我的Jumbotron（Bootstrap 3）中的文本一路向左。我尝试了填充和对齐，但似乎没有任何工作：Jumbotron背景的左开始和文本之间总是有一段距离。如何对齐Bootstrap中的文本3 Jumbotron一直到左边

我尝试添加到自定义CSS文件：

.jumbotron { 
    padding-left: 0px; 
    padding-top: 3px; 
    padding-bottom: 3px; 
}

顶部和底部的工作。左不。

2014-05-25 Amarundo

这是因为引导CSS样式：

.container .jumbotron { 
padding-left: 60px; 
}

尝试覆盖它。

2014-05-25 19:35:19 user3127896

请参阅我刚添加的CSS代码。缺少容器？但是顶级和底层的工作！我错在哪里？ – Amarundo

奇怪的是，它适用于我，尝试填充左：0px！重要; – user3127896

！重要工作。大。 – Amarundo

而不是重写jumbotron的CSS，为什么不把自己的类添加到元素中，并按照您喜欢的方式使用自己的CSS添加样式？即根本不要使用Bootstrap的jumbotron类 - 只是从头开始设计它。

2014-05-25 20:44:56

不幸的是，这将无法正常工作，因为我的答案中提到的特异性 - 请参阅示例：http://www.bootply.com/XpnV5r1X9E –

我建议不要使用jumbotron。人们可以轻松地制作出符合自己的确切造型需求的自定义“my-jumbotron”课程。那么就不需要担心特异性。 –

啊，是的，你说得对。我以为你的意思是你自己的班级被添加到jumbotron中。 –

根据descendant combinators，您正在捕获CSS特异性。基本上.container .jumbotron{...}携带更多的重量比单独.jumbotron{...}，所以最简单的事情是

.container .jumbotron { 
padding:0px 3px; 
}

重写它。然而，有许多的超大屏幕内后裔组合子，（h1-6，.h1-6，P等）你必须警惕...要想看到这个动作，在jumbotron的顶部扔一个h1，然后把你的头发拉出来试图为它定制填充！

2014-05-25 21:46:09

回答