レイアウトをこのフィドルまたは全画面バージョンに煮詰めました
私は2つの問題を抱えています。1 つ目は、サイド バーとコンテンツの間のスペースが非常に大きいことです。普通に間隔をあけてほしい。私の場合、サイドバーのspan2
サイズ、メインコンテンツspan7
のサイズ、右側の列のサイズがspan3
.
<div class="row-fluid">
<div class="span2">
<div class="well sidebar-nav-fixed">
<ul class="nav nav-list">
<li class="nav-header">Sidebar</li>
...other links ...
</ul>
</div>
</div>
<div class="span7 span-fixed-sidebar">
<div id="world-map" style="display:block;"> </div>
</div>
<div class="span3">
<div class="row-fluid">
<div class="span12" id="country-info">
<h2 id="country-info-header">
The Detail Header
</h2>
<p id="country-info-summary">
A set of summary information. A short paragraph of text.
</p>
</div>
</div>
</div>
ただし、サイドバーとコンテンツ (赤いボックス) の間に大きなギャップがある結果が得られ、右側のコンテンツが左側とサイドバーの下にあります。このレイアウトを修正するにはどうすればよいですか?