Remove white gap spaces in the left and right sides
<p>I have a bootstrap's <a href="http://www.tutorialspoint.com/bootstrap/bootstrap_panels.htm" rel="nofollow noreferrer"><code>panel-based</code></a> web page made using <a href="http://getbootstrap.com/css/" rel="nofollow noreferrer"><code>bootstrap's grid system</code></a>. The problema is, I have those extra spaces in the left and right side of the divs. Basically the contents are on the center. How do I remove this?</p>

<p>I tried using margin-top, margin-left, margin-right, bootstrap's pull-left and pull-right, margin and padding set to 0, width:100% etc nothing worked.</p>

<p>Here's a picture:</p>

<p><a href="https://i.stack.imgur.com/4FO0p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4FO0p.png" alt="enter image description here"></a></p>

<p>Look at the left and right sides, thise the white spaces i'm trying to remove. I don't know if this is something wrong with my CSS or my bad use of framework (I'm new to it) or some bootstrap's standard behavior that I'm not aware of. But I'd like to what's this and know how to remove this.</p>

<p>Here's my HTML (this is the full HTML of above image except with the master page's HTML of course):</p>

<pre><code> &lt;div class="row"&gt;
            &lt;div class="col-md-6"&gt;
                &lt;br /&gt;
                    &lt;div class="panel panel-primary"&gt;
                       &lt;div class="panel-heading"&gt;
                          &lt;h3 class = "panel-title"&gt;JUST HAPPEND, YOU KNOW&lt;/h3&gt;
                       &lt;/div&gt;

                       &lt;div class="panel-body"&gt;
                           &lt;p /&gt;
                          &lt;span class="date"&gt;15.40&lt;/span&gt; CONTENTS GOES HERE... &lt;p /&gt;
                          &lt;span class="date"&gt;15.40&lt;/span&gt; CONTENTS GOES HERE... &lt;p /&gt;
                          &lt;span class="date"&gt;15.40&lt;/span&gt; CONTENTS GOES HERE... &lt;p /&gt;
                          &lt;span class="date"&gt;15.40&lt;/span&gt; CONTENTS GOES HERE... &lt;p /&gt;
                          &lt;input class='btn btn-success' type='submit' value="LET ME READ ALL THAT" title="READ MORE..."&gt;
                       &lt;/div&gt;
                   &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-md-6"&gt;
                 &lt;div class = "panel panel-primary"&gt;
                       &lt;div class = "panel-heading"&gt;
                          &lt;h3 class = "panel-title"&gt;LAST NEWS&lt;/h3&gt;
                       &lt;/div&gt;
                       &lt;div class = "panel-body"&gt;
                           &lt;p /&gt;
                           MORE CONTENTS GOES HERE
                       &lt;/div&gt;
                   &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-md-6"&gt;
                &lt;div class = "panel panel-primary"&gt;
                       &lt;div class = "panel-heading"&gt;
                          &lt;h3 class = "panel-title"&gt;VIDEOS&lt;/h3&gt;
                       &lt;/div&gt;
                       &lt;div class = "panel-body"&gt;
                         &lt;div class="vid"&gt;
                          &lt;iframe width="420" height="315"
                              src="https://www.youtube.com/embed/yWP6Qki8mWc?cc_load_policy=1"
                              frameborder="0" allowfullscreen=""
                           &gt;&lt;/iframe&gt;
                             &lt;/div&gt;
                       &lt;/div&gt;
                   &lt;/div&gt;
             &lt;/div&gt;

            &lt;div class="col-md-6"&gt;
               &lt;div class="panel panel-primary"&gt;
                       &lt;div class = "panel-heading"&gt;
                          &lt;h3 class = "panel-title"&gt;MAY I HELP YOU?&lt;/h3&gt;
                       &lt;/div&gt;
                       &lt;div class = "panel-body"&gt;
                            HELLO
                       &lt;/div&gt;
                    &lt;/div&gt;
             &lt;/div&gt;

          &lt;div class="col-md-8"&gt;
                 &lt;div class="panel panel-primary"&gt;
                       &lt;div class = "panel-heading"&gt;
                          &lt;h3 class="panel-title"&gt;THE LIFE&lt;/h3&gt;
                       &lt;/div&gt;
                       &lt;div class = "panel-body"&gt;
                            &lt;div class="row"&gt;
                                &lt;div id="links"&gt;
                                        &lt;div class="col-md-4"&gt;
                                            &lt;a href="http://4.bp.blogspot.com/-Piugr0fCCpE/UZLhWealhpI/AAAAAAAACUU/UzB5PWn__oA/s1600/passaros0031.jpg" title="Image 1" data-gallery&gt;
                                                &lt;img src="http://4.bp.blogspot.com/-Piugr0fCCpE/UZLhWealhpI/AAAAAAAACUU/UzB5PWn__oA/s1600/passaros0031.jpg"  alt="Image 1" class="img-responsive"&gt;
                                            &lt;/a&gt;
                                        &lt;/div&gt;

                                        &lt;div class="col-md-4"&gt;
                                            &lt;a href="http://2.bp.blogspot.com/-uk7UKQdsN5c/T_iX9EUDmuI/AAAAAAAABeA/4jpV4UmZjrM/s1600/passaros.jpg"  title="Image 2" data-gallery&gt;
                                                &lt;img src="http://2.bp.blogspot.com/-uk7UKQdsN5c/T_iX9EUDmuI/AAAAAAAABeA/4jpV4UmZjrM/s1600/passaros.jpg" alt="Image 2" class="img-responsive"&gt;
                                            &lt;/a&gt;
                                        &lt;/div&gt;

                                        &lt;div class="col-md-4"&gt;
                                            &lt;a href="http://1.bp.blogspot.com/_sz2fJjO1XW8/TIwpeTIHrcI/AAAAAAAAE7I/z9fD9BTwWyA/s1600/passaro_001.jpg"  title="Image 3" data-gallery&gt;
                                                &lt;img src="http://1.bp.blogspot.com/_sz2fJjO1XW8/TIwpeTIHrcI/AAAAAAAAE7I/z9fD9BTwWyA/s1600/passaro_001.jpg" alt="Image 3" class="img-responsive"&gt;
                                            &lt;/a&gt;
                                        &lt;/div&gt;
                                &lt;/div&gt;
                        &lt;/div&gt;
                       &lt;/div&gt;
                   &lt;/div&gt;
            &lt;/div&gt;
        &lt;br /&gt; &lt;br /&gt;
        &lt;div class="col-md-8"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-md-4"&gt;
                    AAAAAAA
                &lt;/div&gt;
                &lt;div class="col-md-4"&gt;
                    BBBBBBB
                &lt;/div&gt;
                &lt;div class="col-md-4"&gt;
                    CCCCCCC
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
</code></pre>