覆盖引导样式表失败

时间:2016-11-09 10:05:28

标签: css twitter-bootstrap

我正在使用我的jsp页面的bootstrap webjars(maven依赖项),我试图通过创建新样式表来覆盖bootstrap样式表。但是,我无法看到任何变化,即使我尊重jsp页面中样式表的顺序,我将新样式表添加到servlet-context。知道如何解决这个问题吗?

这是servlet-context:

<resources mapping="/resources/**" location="/resources/" />
<resources mapping="/webjars/**" location="/webjars/"/>
<resources mapping="/bootstrap/css/**" location="/bootstrap/" />

这是jsp页面中样式表的声明:

<title>Home</title>
<link href="webjars/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="/bootstrap/css/stylesheet.css" type="text/css" rel="stylesheet">
</head>
<body>

这是我创建的样式表,它不是完整的

body {
background-color:lightblue !important;
}

h1{

color:navy  !important ;
margin-left: 20px !important;
}

1 个答案:

答案 0 :(得分:0)

  

那么你可以应用你用#34;!important&#34;写的相同的css代码。您想要应用CSS的同一页面...

<html>
   <body>
     <head>
       <style>
          ## YOUR CODE##
       </style>
     </head>
   </body>
</html>
""