title: Changing the table cells font to be bold
body: <p>I am working with a web template which I download. So I define a table such as:-
  table class="table table-striped table-bordered bootstrap-datatable datatable"></p>
  
  <pre><code>&lt;thead&gt;
  &lt;tr&gt;
  &lt;th&gt;&lt;/th&gt; &lt;th&gt;&lt;/th&gt;
   &lt;/tr&gt;&lt;/thead&gt;
  &lt;tbody&gt; 
   &lt;tr&gt; 
          &lt;td class="center" &gt;
       @Html.LabelFor(model =&gt; model.AccountDefinition.ORG_NAME) 
  
  
          &lt;/td&gt;
          &lt;td&gt;@Html.DisplayFor(model =&gt; model.AccountDefinition.ORG_NAME)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt; 
          &lt;td class="center"&gt;
           @Html.LabelFor(model =&gt; model.AccountDefinition.LOGIN_URI)
  
  
          &lt;/td&gt;
  </code></pre>
  
  <p>I search the template for <code>.center</code> class, but I can not find any other reference to .center except insidethis</p>
  
  <pre><code>div.center,p.center,img.center{
  margin-left: auto !important;
  margin-right: auto !important;
  float:none !important;
  display: block;
  text-align:center;
  
  }
  </code></pre>
  
  <p>So I added </p>
  
  <pre><code>font-weight:bold
  </code></pre>
  
  <p>to the above css so it looks as:-</p>
  
  <pre><code>div.center,p.center,img.center{
  margin-left: auto !important;
  margin-right: auto !important;
  float:none !important;
  display: block;
  text-align:center;
  font-weight:bold;
  
  }
  </code></pre>
  
  <p>But still the table cells font will not be bold? Any idea about how to fix it?
  BR</p>