page-header bootstrap with dotted line
<p>I am using the component <strong>Page header</strong> , that creates a border-<code>bottom: 1px solid #eee;</code> I want change this border to be dotted is a bootstrap class for this? or I need do it manually?</p>

<pre><code>&lt;div class="page-header"&gt;
  &lt;h1&gt;Example page header &lt;small&gt;Subtext for header&lt;/small&gt;&lt;/h1&gt;
&lt;/div&gt;
</code></pre>

<p>thank you.</p>