ブートストラップ応答モードでパディングを隠すには？

-4

こんにちはStackoverlow家族、私は問題に直面しています。私は100％の実際のサイズでパディングトップ300を持っていましたが、私が応答性のモードに行くと元のサイズと同じです。パディングを減らしたい。？ブートストラップ応答モードでパディングを隠すには？

出典

2017-01-16 Sikander Ali

コードとデスクトップとモバイルの要素のスクリーンショットを表示してください。 –

ようこそStackOverflowへ！残念ながら、私たちはあなたのコードを見ずにはあまり役に立たない。私たちがあなたのお手伝いをするために、あなたの質問を更新して、関連するすべてのコードを[最小限の、完全で検証可能な例で]表示してください（http://stackoverflow.com/help/mcve）。詳細については、良い質問をする方法について[ヘルプ記事]（http://stackoverflow.com/help/how-to-ask）を参照してください。 –

タブレット/モバイル画面で変更を加えずにブートストラップライブラリを使用したと思います。

レスポンシブcssの仕組みを理解する必要があります。異なるウィンドウの幅で：< 768、768px〜960px、> 960px ウェブサイトはCSSコードの異なるグループを参照します。パッディングを100％の実際のサイズに変更しただけでは、応答モードには影響しません。あなたは残酷すべての画面サイズへの変更に影響を与えるようにしたい場合は

、ちょうどあなたの要素に新しいカスタムCSS、ポイントを作ると、このように、設定の最後に!importantを追加します。

#elementName{ 
    padding-top: 300px !important; 
}

の詳細は詳細については、ブートストラップのドキュメントを参照してください。 http://getbootstrap.com/css/#grid

出典

2017-01-16 04:48:17

私は親divの幅800の高さを持っていますが、私は300のパディングの後に私のコンテンツをしたいです。私はmargin-topを与える：300px;通常の幅で正常に動作していますが、<768のような小さな幅に移動するとギャップ300pxが発生します。私はそれに2つのCSSプロパティを与えなければならないのは、通常の幅に対してもう1つは狭い幅で可能ですか？通常の幅のようにmargin-top：300px;小さな幅のマージントップ：0px; –

待っていますか、マージン/パディングですか？それらは違う。 –

私はマージンを使います。しかし、マージンやパディングを使用するあなたの提案は何ですか？ –

ブートストラップ応答モードでパディングを隠すには？

答えて

関連する問題