title: Override display in css
body: <p>I am using bootstrap on Asp.net MVC. I have a custom Styles.css that I am using to set values that I want changed from the default values in the bootstrap.css.</p>
  
  <p>I am trying to get two textbox next to each other for MM YY (month year). </p>
  
  <p>In bootstrap it has:</p>
  
  <pre><code>display: block;
  </code></pre>
  
  <p>In my Styles.css I created this to overwrite that value: </p>
  
  <pre><code>.disableblock{
    display: inline;
  }
  </code></pre>
  
  <p>This is the line in my .cshtml:</p>
  
  <p>
      
        Expiration Date
      </p>
  
  <pre><code>&lt;div class="col-sm-8"&gt;
    @Html.TextBoxFor(m =&gt; m.ExpirationDateMonth, new { @class = "form-control expirationdatetextbox disableblock", @maxlength = "2", placeholder = "MM" })
    @Html.TextBoxFor(m =&gt; m.ExpirationDateYear, new { @class = "form-control expirationdatetextbox", @maxlength = "2", placeholder = "YY" })
  &lt;/div&gt;
  
  &lt;div class="warning"&gt;
    @Html.ValidationMessageFor(m =&gt; m.ExpirationDateMonth)
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>When I display it in IE, it shows the following:</p>
  
  <p><a href="https://i.stack.imgur.com/3ovkx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3ovkx.png" alt="enter image description here"></a></p>
  
  <p>If I uncheck the <code>display: block;</code> it puts the two textboxes on the same line.</p>
  
  <p>Why isn't the Styles.css inline not overwriting the block in bootstrap.css?d</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>For those questioning the css call order:</p>
  
  <pre><code>  bundles.Add(new StyleBundle("~/Content/css").Include(
      "~/Content/bootstrap.css",
      "~/Content/site.css",
      "~/Content/justified-nav.css",
      "~/Content/Styles.css")); // &lt;-- Custom CSS file
  </code></pre>
  
  <p>This is from the view source:</p>
  
  <pre><code>&lt;link href="/Content/bootstrap.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/site.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/justified-nav.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/Styles.css" rel="stylesheet"/&gt;
  </code></pre>