ブートストラップ変更マージン

Question

モバイルデバイスにコンテンツが表示されているときに画面の左右にコンテンツマージンを変更する方法はありますか？ コンテンツがデスクトップにマージンを持ち、電話機に余白がないようにします。 すべてのアイデア？

Answer 1

ええ、メディアクエリを使用してください。メディアのクエリでは、画面の特定の幅で特定のCSSがアクティブになっているはずです。たとえば、画面の幅が400ピクセル以下の場合は、フォントサイズを10ピクセルに戻す必要があります。例として次のコードを試してみてください：

@media screen and (max-width: 400px){ 
    p{ 
     font-size: 10px; 
    } 
} 

幸運を祈る！

Answer 2

キャスパーは既に言ったように、あなたはメディアクエリーを使う必要があります、El Devoperはあなたにリンクをくれました。ブートストラップを使用する場合は、は、!importantはブートストラップのデフォルトプロパティを上書きする必要があります。

@media screen and (max-width: 320px){ 
    p{ 
     margin-left: 10px !important 
     margin-right: 10px !important 
     //or just use "margin: 0 10px !important" to set margins like this: 
     //top and bottom = 0, left and right = 10px 
    } 
} 

は、それがメディアクエリで、