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
Post a Comment