Print CSS make text bold in Bootstrap col-md-6
<p>I want to style the font/text to bold to text inside the </p>

<pre><code>    col-md-6 label-wrapper
</code></pre>

<p>I tried some css styling but does not affect the current font of my webpage when printing</p>

<pre><code>    .col-md-6{
           display: relative;
        }
        .col-md-6 label-wrapper{
           font-weight: bold;
        }
</code></pre>

<p>Also I want to display it horizontaly in print, something like</p>

<pre><code>    purchase order: 34567
    name: abcd
    street: ca
    qty: ty
</code></pre>

<p>Currently, when I print the selected html content using Javascript print function, the output looks like this</p>

<pre><code>   purchase order:
   34567
   name:
   abcd
   qty:
   67
</code></pre>

<p>My content</p>

<pre><code>   &lt;div class="col-md-4 order-column prod-wrapper"&gt;
      &lt;h3 class="vo-title"&gt; Order Details &lt;/h3&gt;
      &lt;div class="prod-row vo-content"&gt;
          &lt;div class="col-md-6 label-wrapper"&gt; Purchase Order #: &lt;/div&gt;
          &lt;div class="col-md-6 "&gt; &lt;?php echo $order[0]['po_number']; ?&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
</code></pre>