帶有不同斷點的填充樣式不能與引導CSS一起使用

Question

在引導4.0中有填充和邊距樣式。但是這兩種風格都不適用於不同的斷點，沒有其他風格重寫填充。任何人都可以建議我做錯了請。

CSS

.p-sm-4 {padding: 1.5rem 1.5rem !important;} 
    .p-md-4 {padding: 1.5rem 1.5rem !important;} 

我的HTML是：

<li class="menu-search p-sm-4 p-md-4"> 
     <input placeholder="Search" class="menu-search form-control round" type="text"> 
</li> 

Answer 1

你有沒有您使用媒體查詢？

@media only screen and (max-width : 992px) { 
.p-md-4 {padding: 1.5rem 1.5rem !important;} 
} 
    /* Small Devices, Tablets */ 
    @media only screen and (max-width : 768px) { 
    .p-sm-4 {padding: 1.5rem 1.5rem !important;} 
}