Bootstrap：如何在不同設備上應用某些CSS規則

在引導程序中以不同屏幕尺寸查看時，某人如何應用某些CSS規則？就像在md中查看時一樣，任何元素的左邊距都應該是10px。當在sm中查看時，它應該是100px。謝謝。Bootstrap：如何在不同設備上應用某些CSS規則

2015-11-12 AnkitNeo

您正在尋找的是CSS Media Queries。 –

我創建了一個小工具來自動將屏幕大小類（xs sm md lg xl）添加到元素，以便您可以像這樣實際設置元素的樣式，而不必關心媒體查詢像素或重新編譯bootstrap css：https://stackoverflow.com/a /263533分之46654262 – Heras

這是出於自舉...使用媒體查詢。這是你所悔改的嗎？

@media screen and (min-width: 768px) { 
    .jumbotron { 
    padding-top: 48px; 
    padding-bottom: 48px; 
    } 
    .container .jumbotron { 
    padding-right: 60px; 
    padding-left: 60px; 
    } 
    .jumbotron h1, 
    .jumbotron .h1 { 
    font-size: 63px; 
    } 
}

來源

2015-11-12 19:56:37 LameCoder

Bootstrap：如何在不同設備上應用某些CSS規則

回答

相關問題