4

ある時点以降、ブートストラップがシュリックするのを防ぐ方法があるかどうか疑問に思っていました。私のウェブサイトの幅が700ピクセルであるのが好きです。それで、その時点以降にブートストラップが私のhtmlをシャークするのを防ぐ方法はありますか？

4

1 に答える 1

1

レスポンシブレイアウトのTwitterブートストラップ最小幅で述べたように、700pxより狭くしたくない要素に対してmin-widthCSSプロパティを設定できると思います。700px

すべてのページコンテンツをラップする「ラッパー」と呼ばれるdivがあるとします。

<div id="wrapper">
    <!-- All contents in here -->
</div>

次のようにスタイルを設定できます。

#wrapper {
    min-width: 700px;
}

注：レスポンシブレイアウトを使用している場合は、bootstrap-responsive.cssファイルで無効にするスタイルについてもコメントする必要があります。

したがって、レスポンシブレイアウトを使用するときに、サイトを700ピクセル幅で表示する場合は、次のスタイルにもコメントする必要があります。

@media (min-width: 768px) and (max-width: 979px) {
@media (min-width: 1200px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {

そして、スタイルのCSSルール（ただし、@ mediaと角かっこは削除）を次の下に残します。

@media (max-width: 767px) {

お役に立てば幸いです。

于 2013-01-23T10:33:36.997 に答える