如何更改jumbotron的颜色？ Bootstrap3 [关闭]

Question

我在更改 Bootstrap3 中 jumbotron 的颜色时遇到问题，我尝试创建另一个类来更改它的颜色，我还尝试覆盖现有类并更改背景颜色但没有改变。解决这个问题的最佳方法是什么？顺便说一句，这是我的代码！

别管引导库，

    <div class="container">
      <div class="jumbotron">
      <p>This is another paragraph.</p> 
      <p>This is a paragraph.</p> 
      <p>This is another paragraph.</p>
     </div>
    </div>

CSS（外部）

.jumbotron{
width: 1150px;
height: 320px;
background-color: #E64545;
}

Answer 1

不要覆盖 Bootstrap 类，只需像这样添加一个：

.myJumbotron {
   background-color: #E64545;
}

HTML：

<div class="container">
  <div class="jumbotron myJumbotron">
  <p>This is another paragraph.</p> 
  <p>This is a paragraph.</p> 
  <p>This is another paragraph.</p>
 </div>
</div>

Here is a JSFiddle