title: How to make link and button align in list using bootstrap 3
body: <p>How to make links and buttons be aligned in list using bootstrap?</p>
  
  <p>I need to make them aligned left with reasonable padding.</p>
  
  <p>Can I do it without CSS and my own classes?</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;button type="button" class="btn btn-default btn-icon dropdown-toggle" data-toggle="dropdown"&gt;
          menu
          &amp;nbsp;
          &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/button&gt;
  
      &lt;ul class="dropdown-menu dropdown-menu-right"&gt;
          &lt;li&gt;
              &lt;a class="btn btn-link text-left" href=""&gt; 
  
                  Edit
              &lt;/a&gt; 
          &lt;/li&gt;
          &lt;li class="divider"&gt;&lt;/li&gt;
          &lt;li&gt;
              &lt;form action="" method="POST" &gt;
                  &lt;button type="submit" class="btn btn-link"&gt;
                      Delete
                  &lt;/button&gt;
              &lt;/form&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/63gn7has/" rel="nofollow noreferrer">https://jsfiddle.net/63gn7has/</a></p>