Sorun:

Sağ doldurma/kenar kaldırmak ve Bootstrap 3 col-md-* sol.

HTML kodu:

<div class="col-md-12">
    <h2>OntoExplorer<span style="color:#b92429">.</span></h2>

    <div class="col-md-4">
        <div class="widget">
            <div class="widget-header">
                <h3>Dimensions</h3>
            </div>

            <div class="widget-content" id="">
                <div id='jqxWidget'>
                    <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div>
                    <div style="clear:both;" id="listBoxB"></div>

                </div>
            </div>
        </div>
    </div>

    <div class="col-md-8">
        <div class="widget">
            <div class="widget-header">
                <h3>Results</h3>
            </div>

            <div class="widget-content">
                <div id="map_canvas" style="height: 362px;"></div>
            </div>
        </div>
    </div>

</div>

Çıkış istenen:

Şu anda bu kod sağ doldurma/marjı ekler ve iki sütun sol. Kenarlardaki fazladan boşluk kaldırmak için kaçırıyorum ne olduğunu merak ediyorum?

Dikkat:

Ben kaldırırsanız "col-md-4" Her iki sütun için genişletin 0 ama onları yanyana olmak istiyorum.

Normalde .row iki sütun, .col-md-12 - bir sütuna bir sütun kaplama değil sarmak için kullanmak istiyorum. Gerçektende, .row col-md-12 getireceği ekstra kenar boşlukları ve dolgu yok ve ayrıca olumsuz bir sütun ile sol ve sağ kenar boşlukları getireceği yönünde boşluk indirimler.

<div class="container">
    <div class="row">
        <h2>OntoExplorer<span style="color:#b92429">.</span></h2>

        <div class="col-md-4 nopadding">
            <div class="widget">
                <div class="widget-header">
                    <h3>Dimensions</h3>
                </div>
                <div class="widget-content">
                </div>
            </div>
        </div>

        <div class="col-md-8 nopadding">
            <div class="widget">
                <div class="widget-header">
                    <h3>Results</h3>
                </div>
                <div class="widget-content">
                </div>
            </div>
        </div>
    </div>
</div>

eğergerçektenher çocuk için sütun doldurma/kenar boşlukları/doldurma kaldırmak için, kenar boşlukları filtrelemek için bir sınıf eklemek istedim.

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}