css - Bootstrap 3で隣接するグリッドセルをシームレスに結合するには?

Question

Bootstrap (v3) の学習を始めたばかりですが、隣接するセルをシームレスに結合するという点でグリッドがどのように機能するかを明確に理解することはできません。

流動的なナビゲーション バーをまとめています。大まかに、私はこのアプローチを使用しています：

 <div class="row">
    <div class="col-md-3">LEFT PART OF IMAGE</div>
    <div class="col-md-6">CENTRAL PART-NAVIGATION</div>
    <div class="col-md-3">RIGHT PART OF IMAGE</div>
 </div>

しかし、列間の空白を取り除くことはまだできません (大きな画面では見苦しくなります)。Bootstrap でシームレスにまとめる方法はありますか? つまり、テーブルまたは div (固定設計) を使用して、切れ目や空白なしで画面全体に広がる行を簡単に設計できますが、Bootstrap の流動的な列では機能しないようです。

コード（ここを参照）では、ガター設定をオーバーライドする（= 0にする）など、多くのトリックを試してほぼ機能させましたが、BSに根本的な問題があるか、根本的な誤解があるように感じます私の側。

私はここで何か完全に間違っていますか？どうすればそれを修正して、責任ある素敵な行に変えることができますか?

アドバイスをいただければ幸いです。