title: Bootstrap Grid Aligning
body: <p>I am trying to align a column in bootstrap grid system so that everything in the col is pushed to the right. I have tried the helper class pull-right but it doesnt do anything. I would like to be able to move elements in any of my columns to the left right or center on the fly but I think I am missing something.</p>
  
  <pre><code>&lt;div class="col-xs-4 pull-right"&gt;
              &lt;div class="form-group"&gt;
                  &lt;label for="field-1" class="col-sm-1 control-label"&gt;Filter:&lt;/label&gt;
                      &lt;div class="col-sm-6"&gt;
                          &lt;input type="text" class="form-control" id="field-1" placeholder="Enter info"&gt;
                      &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>All I want to do is move the content in the right column to be right aligned <a href="http://i.imgur.com/2csx7az.jpg" rel="nofollow">http://i.imgur.com/2csx7az.jpg</a></p>
  
  <p>I have tried creating a css rule called col-right with text-align right but that didnt do anything.</p>