我正在尝试重新安装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