title: How to make text label regular font (not bold) in Bootstrap?
body: <p>I'm building a form using Bootstrap.  Some of the fields are read only so the value is displayed a text (not an input field).  </p>
  
  <p>I want the label on the left to be bold and the value on the right to be regular (not bold).</p>
  
  <p>Here's the code and a screenshot ... what is the correct way to have the value on the right display as regular font (not bold)?</p>
  
  <p><a href="https://i.stack.imgur.com/9AreT.png" rel="nofollow noreferrer">screenshot of web page</a></p>
  
  <pre><code>  &lt;form id="saveEntityDefForm" class="form-horizontal"&gt;
  
  
      &lt;div&gt;
          &lt;div class="form-group"&gt;
              &lt;label class="control-label col-sm-2" for="inputAppID"&gt;App Name&lt;/label&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;label class="control-label"&gt;Stephen's Library&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              &lt;label class="control-label col-sm-2" for="inputTableName"&gt;DB Connection&lt;/label&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;label class="control-label"&gt;Stephen's Library DB Connection&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              &lt;label class="control-label col-sm-2" for="inputTableName"&gt;DB Table Name&lt;/label&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;label class="control-label"&gt;&lt;%=entityDefDTO.getTableName()%&gt;&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              &lt;label class="control-label col-sm-2" for="inputEntityName"&gt;Entity Name&lt;/label&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;input type="text" class="form-control" id="inputEntityName" placeholder="ex. Book"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              &lt;label class="control-label col-sm-2" for="inputEntityName"&gt;Entity Name Plural&lt;/label&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;input type="text" class="form-control" id="inputEntityName" placeholder="ex. Books"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>