title: Rotate Text in Bootstrap in different col sizes
body: <p>I'm having a lot of different col sizes, so when I place my follow code in there, the rotated text is different in every col.</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.verticaltext {
      position: relative;
  }
  
  .verticaltext_content {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      left: -60px;
      top: 35px;
      position: absolute;
      color: #FFF;
      text-transform: uppercase;
  }
  </code></pre>
  
  <p>I want to look it like this in every col:</p>
  
  <p><img src="https://i.stack.imgur.com/MOTTS.jpg" alt="enter image description here"></p>