Home / Questions / 178441
Accepted
Ceci Benitez
Asked: 2020-07-07 06:31:32 +0800 CST 2020-07-07 06:31:32 +0800 CST

how to overwrite my bootstrap file in my style sheet?

  • 772

here is the inspector

As you can see in the inspector, the site.css file is loaded, which is where I have my styles that should overwrite bootstrap, but it does not load the new content that I write, why is this?

css

3 Answers

  1. Best Answer

    Check that your link to the css in the head, is after the link to the bootstrap in the index, and in case some aspects are not overridden, use !important.

    <link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/ **tuestilo** .css" rel="stylesheet">

    thus

    • 1

  2. For the cases of wanting to overwrite, effectively some css file is in your body add an ID

    <body id="file-override-custom">

    and then in your css file modify the tags following the corresponding inheritance.

       #file-override-custom .series-list li:last-child{ 
      border:none;
    }
    • 0

  3. It would be interesting if you show us how your classes are in the file site.css First of all, make sure that your file is correctly included in <head></head>the page.

    To override a bootstrap style in front of your style put this !importantexample:

    .mi-clase{ color: #ececec !important; 
           font-size: 2.0em !important; 
           background-color: #000 !important; }

    With this you should be able to override the bootstrap styles.

    • 0