Question

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

没关系引导程序库，

    <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

如何改变超大屏幕的颜色？ Bootstrap3

1 个答案: