在移动视图的滑块中转换两列布局

Question

在我的项目中，我正在处理两个列布局，例如col-lg-8 col-lg-4或col-lg-6 col-lg-6但我想在它将在移动视图中打开时它将转换为滑块什么是最佳解决方案为移动视图创建单独的部分或任何最佳方式来执行此操作

请帮帮我

Answer 1

您需要考虑使用媒体查询。这些将允许您根据屏幕的宽度和高度来满足您的设计。

/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

Media Queries