我正在嘗試重新安裝FAQ頁面。我需要在移動設備/平板電腦設備上的類別之後修復間距。我試圖用填充和寬度來修復它,但不能很好地工作。如何在平板電腦/移動設備上對這些列進行分類?
.faqs_content .faq_content .faq .media-left {
padding: 0 30px;
}
我正在嘗試重新安裝FAQ頁面。我需要在移動設備/平板電腦設備上的類別之後修復間距。我試圖用填充和寬度來修復它,但不能很好地工作。如何在平板電腦/移動設備上對這些列進行分類?
.faqs_content .faq_content .faq .media-left {
padding: 0 30px;
}
您很可能會想,如果你想用它來響應使用百分比。
使用填充不是實現這一目標的方法。您應該使用flex-box
爲響應式設計,或類似的東西float
,我建議你閱讀這篇文章https://css-tricks.com/snippets/css/a-guide-to-flexbox/
如果你不想使用柔性盒構建一個響應式設計的網站使用自舉最簡單的方法。
你的問題之一是你在引導列上設置了靜態寬度。你把'col-sm-3 faq_category'做成一個樣式'col-sm-3 faq_category {width:278px; }'。這是反應敏感的,你的列寬應該是%。我建議不要使用任何引導'容器','行'或'col-'填充,邊距或寬度。不要打架! – zgood
我應該在%中設置什麼寬度? –
'col-sm-3'的寬度已經在您的bootstrap.css文件中設置(寬度:25%),所以只需刪除'faq_category {width:278px;這個列將被設置爲25%。 – zgood