title: Bootstrap 3 - How to center Headings and <span>?
body: <p>how can i center a heading or something i styled with "span" in a bootstrap3 column ?</p>
  
  <p>if i use "text-center" and "p" tags - everything works fine .. but i need to style the text.</p>
  
  <p>example (works fine):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"&gt; &lt;p&gt; hello &lt;/p&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but this doesn't work. i want to change the size and the color of the text and then center it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center"&gt; &lt;h1&gt; hello &lt;/h1&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>