title: Issue with Aligning Radio Button Bootstrap
body: <p>I have a very simple table but I am having some trouble getting the radio button aligned center. Does this need to be done with CSS or is there a way to do it on the input or div?</p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-12"&gt;
    &lt;div class="panel panel-info"&gt;
       &lt;div class="panel-heading"&gt;&lt;strong&gt;Standard Table&lt;/strong&gt;&lt;/div&gt;
       &lt;table class="table"&gt;
          &lt;thead&gt;
             &lt;tr&gt;
                &lt;th&gt;&lt;/th&gt;
                &lt;th&gt;Estimated Graduation Date&lt;/th&gt;
                &lt;th&gt;College&lt;/th&gt;
                &lt;th&gt;Degree&lt;/th&gt;
                &lt;th&gt;Status&lt;/th&gt;
                &lt;th&gt;&lt;/th&gt;
             &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
             &lt;tr&gt;
                &lt;td&gt;
                   &lt;div class="radio" align="center"&gt;
                      &lt;label&gt;
                      &lt;input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked style=""&gt;
                      &lt;/label&gt;
                   &lt;/div&gt;
                &lt;/td&gt;
                &lt;td&gt;04/24/2014&lt;/td&gt;
                &lt;td&gt;Chandler Gilbert Community College&lt;/td&gt;
                &lt;td&gt;Bachelors of Science&lt;/td&gt;
                &lt;td&gt;In Progress&lt;/td&gt;
                &lt;td&gt;
                   &lt;!-- Single button --&gt;
                   &lt;div class="btn-group"&gt;
                      &lt;button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;
                      Action &lt;span class="caret"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;ul class="dropdown-menu" role="menu"&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                         &lt;li class="divider"&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                   &lt;/div&gt;
                &lt;/td&gt;
             &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;
                   &lt;div class="radio"&gt;
                      &lt;label&gt;
                      &lt;input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked&gt;
                      &lt;/label&gt;
                   &lt;/div&gt;
                &lt;/td&gt;
                &lt;td&gt;04/24/2014&lt;/td&gt;
                &lt;td&gt;Chandler Gilbert Community College&lt;/td&gt;
                &lt;td&gt;Bachelors of Science&lt;/td&gt;
                &lt;td&gt;In Progress&lt;/td&gt;
                &lt;td&gt;
                   &lt;!-- Single button --&gt;
                   &lt;div class="btn-group"&gt;
                      &lt;button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;
                      Action &lt;span class="caret"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;ul class="dropdown-menu" role="menu"&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                         &lt;li class="divider"&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                   &lt;/div&gt;
                &lt;/td&gt;
             &lt;/tr&gt;
          &lt;/tbody&gt;
       &lt;/table&gt;
    &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>