title: bootstrap buttons without space nest to each other
body: <p>How can I create two buttons with full page width below each other on large screen and on small screen next to each other ?</p>
  <p>This working, but there is no space between the buttons.</p>
  <p>Thanks</p>
  <p>Large screen
  <a href="https://i.stack.imgur.com/JJV8A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JJV8A.png" alt="Large screen" /></a></p>
  <p>Small screen</p>
  <p><a href="https://i.stack.imgur.com/zPTrZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zPTrZ.png" alt="Small screen" /></a>
  Thanks</p>
  <pre><code>                &lt;div class=&quot;btn-toolbar&quot;&gt;
                      &lt;asp:Button CssClass=&quot;btn btn-lg col-6 col-md-12 col-lg-12 col-xl-12 mb-1&quot; BackColor=&quot;#469784&quot; UseSubmitBehavior=&quot;false&quot; ForeColor=&quot;#ffffff&quot; runat=&quot;server&quot; Text=&quot;BUTTON 1&quot;  /&gt;
                      &lt;asp:Button CssClass=&quot;btn btn-lg col-6 col-md-12 col-lg-12 col-xl-12 mb-1&quot; BackColor=&quot;#469784&quot; UseSubmitBehavior=&quot;false&quot; ForeColor=&quot;#ffffff&quot; runat=&quot;server&quot; Text=&quot;BUTTON 2&quot; /&gt;
                  &lt;/div&gt;
  </code></pre>