html - Multiple CSS-files doesn't work -


i've created simple page bootstrap. (i have 1 bootstrap component) i've added css file doesnt work while bootstrap.min.css included.

anybody knows why?

my page:

<html> <head>         <link rel="stylesheet" href="css/mystyle.css" type="text/css"> <-- won't work     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <-- while included     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>     <title>testdev</title> </head> <body>  <div class="well"> <p>welcome</p> </div> </body> </html> 

mystyle.css

body{     background-color: darkred; } .well{     background: red; } 

change order of styles included. mystyle.css should included after twitter bootstrap file in order overwrite default style.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="css/mystyle.css" type="text/css">  

Comments

Popular posts from this blog

c# - Better 64-bit byte array hash -

webrtc - Which ICE candidate am I using and why? -

php - Zend Framework / Skeleton-Application / Composer install issue -