title: How do I put margin between div in bootstrap?
body: <p>I want to put some 5px margin between box I created, and this margin should be constant, if I resize the browser window.</p>
  <p>My html is like this:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-md-3  col-sm-6 col-xs-12&quot;&gt;
                  &lt;div style=&quot;height: 121px; background-color: orange; width:100%;&quot;&gt;
                      &lt;label&gt;Box 1&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-md-2 col-sm-6 col-xs-12&quot;&gt;
                  &lt;div style=&quot;height: 121px;background-color: wheat; width:100%;&quot;&gt;
                      &lt;label&gt;Box 2&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-md-2 col-sm-6 col-xs-12&quot;&gt;
                  &lt;div style=&quot;height: 121px;background-color: beige ;width:100%;&quot;&gt;
                      &lt;label&gt;Box 3&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-md-2 col-sm-6 col-xs-12&quot;&gt;
                  &lt;div style=&quot;height: 121px;background-color: chocolate; width:100%;&quot;&gt;
                      &lt;label&gt;Box 4&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  <p>So in above html I used div with background colors. And I want to put some margin between them.</p>