CSS help

[Crazy_Robert]

I am trying to overwrite bootstrap.min.css

 <div class="container-fluid main-brand">
            <div class="container">
              
                    <a class="navbar-brand">                       

Internal transactions for XXXX project
                    </a>
                </div>
           
    this is the     my header in Layout page...

.container-fluid.main-brand{
        background-color: #3498db;
        border:0px;
        background-image:none;
        border-radius:0px;
        margin-bottom:0px;
}
.container-fluid.main-brand a{
    color:#fff;
}

this is my css . some of the css attributes override by bootstrap.min.css

header should be aligned to extreme left .but because of bootstrap.min.css its aligning to center. 

tried lot of possible ways . not using any script tag. reference them in  bundle config.

I used jquery css instead of normal. tried to overwrite css by changing order.

tried selector specificity ...

nothing is working..any one to help ?

 

[crazymatta]

use !important;

[MeraBharat_Mahan]

did you try using align-left or align:left

[Crazy_Robert]

8 minutes ago, MeraBharat_Mahan said:

did you try using align-left or align:left

yes  i did... not working

[Suhaas]

Did you try the first answer in the below link?

https://stackoverflow.com/questions/20721248/best-way-to-override-bootstrap-css

[Pori]

LTT