How to overwrite my bootstrap file on my stylesheet?

0

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

    
asked by CeciPeque 06.07.2018 в 16:31
source

3 answers

0

For 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;
    }
    
answered by 06.07.2018 в 16:43
0

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 included correctly in the <head></head> of the page.

To overwrite a bootstrap style in front of your style, put this% co_of% example:

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

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

    
answered by 06.07.2018 в 18:13
0

Verify that your link to the css in the head is after the link to the boostrap in the index, and in case some aspects are not overwritten, use! important.

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

in this way

    
answered by 07.07.2018 в 20:50