Bootstrap Kolon Arası Boşluk Sorunum

eTORAMAN adlı üyeden alıntı: mesajı görüntüle

Hocam kolon yapısını kullandığınızdan emin misiniz? Sanırım isteğiniz en basit haliyle aşağıdaki şekilde olacaktır.

    <div class="container" style="background: #efefef;">
      <div class="row">
        <div class="col-md-3 col-xs-6">
          <img class="thumbnail" src="http://placehold.it/200x200">
        </div>
        <div class="col-md-3 col-xs-6">
          <img class="thumbnail" src="http://placehold.it/200x200">
        </div>
        <div class="col-md-3 col-xs-6">
          <img class="thumbnail" src="http://placehold.it/200x200">
        </div>
        <div class="col-md-3 col-xs-6">
          <img class="thumbnail" src="http://placehold.it/200x200">
        </div>
      </div>
    </div>

<div class="container"><div class="row">
        <h2> <p class="padding-5px color-org">Son Haberler </p> </h2><hr class="style15"> 
        <div class="col-xs-12 col-sm-12 col-md-12 kutu display-flex "> 
        
        <div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 yazilar "> 
              <div class="thumbnail margin-top-10px"> <img src="img/ocg.jpg"> </div>
              <h4 class="text-center"> BAŞLIK</h4>
        </div>
            
            
            <div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 yazilar"> 
              <div class="thumbnail margin-top-10px"> <img src="img/ocg.jpg"> </div>
              <h4 class="text-center"> BAŞLIK BURAYA GELMELİDİR</h4>
        </div>
        
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
            <a href="#"> <div class="box-button pull-right hvr-bounce-to-right "> TAMAMI </div> </a>
            
            </div>
        </div>
         <hr style="color-blck">
       
          </div>
          
        <!------- SIDEBARS ---------->
          <div class="row display-flex margin-top-10px">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 kutu"><h4 class="text-center">Maç Takvimi</h4></div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 kutu"><h4 class="text-center">Neden Biz?</h4>
              "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
              </div>
          </div>
          <div class="row display-flex margin-top-10px  ">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 kutu"><h4 class="text-center">Sosyal Medya</h4></div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 kutu  "> <h4 class="text-center">Ayın Oyuncusu</h4> </div>
          </div>
          
        
          
      </div>