How can I override Bootstrap CSS styles?

Question

I need to modify bootstrap.css to fit my website. I feel it\'s better to create a separate custom.css file instead of modifying bootstrap.css

Answer 1

A bit late but what I did is I added a class to the root div then extends every bootstrap elements in my custom stylesheet:

.overrides .list-group-item {
    border-radius: 0px;
}
.overrides .some-elements-from-bootstrap { 
    /* styles here */
}

    

        

            

                
Hey
                
I was doing
                
Just fine
                
Until I met you
                
I drink too much
                
And that's an issue
                
But I'm okay
            
        
        

            right