CSS/Bootstrap：コンテンツレイアウトの最大幅が固定されています

Question

多くのウェブサイト（それに含まれています）が画面の幅全体に縮小されておらず、コンテンツの列を固定幅または最大そのための-widthプロパティ。 Merriam-Webster辞書のウェブサイトは後者の良い例です。

Bootstapを使用してこのようなレイアウトを作成することはできますか？コンテンツの列幅を制限することができましたcol-8-md divですが、大きなディスプレイではコンテンツと右側のサイドバーの間に大きなギャップがあります。

ライブデモ：https://codepen.io/anon/pen/dNprzm

HTML：

<div class="row"> 
<div class="col-md-8"> 
    <div class="content-block"> 
    CONTENT 
    </div> 
</div> 
<div class="col-md-4 right-bar"> 
    RIGHT_BAR 
</div> 
</div> 

はCSS：

.content-block { 
    height: 1000px; 
    max-width: 1000px; 
    background-color: lightgreen; 
    margin-left: auto; 
    margin-right: auto; 
} 

.right-bar { 
    background-color: pink; 
    width: 400px; 
} 

Answer 1

私が正しくあなたの質問を理解していた場合、あなただけ持っていることを確認したいですあなたのコンテンツの幅は固定されていますが、大画面ではその右に起こっているスペースを取り除きますか？

margin-right: auto;を削除してください。画面サイズが1000pxを超えると、あなたの「中心」を合わせようとしています.content-block