webz3

これがなかなかてこずりました。
.container を width:960px; などにするとモバイルなどのときのメディアクエリ毎に再設定しなければならないし面倒だなあ。。と思っていたら、公式サイトのExsampleのコードを見たら解決できました。

下記のように .container に max-widthを指定してやればモバイルなどの場合は bootstrap本体のcssがいきてうまくいきますね。分かれば簡単でしたが探索に時間がかかりました。。

@media (min-width: 768px)
.container {
	max-width: 730px;
}

＜参考＞
Narrow Jumbotron Template for Bootstrap

bootstrapの場合は迷ったら Example を見るのもいいかもしれませんね。
Bootstrap#examples