bootstrapのコンテナ設定抜き出し
コンテナの設定を変えたいとき用の抜き出し
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .container .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .container .jumbotron { padding-right: 60px; padding-left: 60px; } } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; }