-1

BootStrap 允许列/网格系统的四种类型的类。

.xs // for mobiles
.sm // for tablest
.md // for laptops and normal desktops
.lg // for larger desktop

假设我想创建一个网页/网站，它应该对所有类型的媒体都更具响应性（绝对必须如此）。从手机到更大的桌面。我可以使用这种格式的课程吗？
注意：在此示例中，我将创建左侧列。

<div class="left-col col-xs-12 , col-sm-12 col-md-3 col-lg-3">
在上面的示例中，我使用了 col-xs-12 ，因此当屏幕较小时，其宽度应为 100% ，类似 col-sm-12 。我使用了 col-md-3，因此如果屏幕尺寸超过 700 像素（大约），列的宽度应该是 25%，与 col-lg-3 类似。所以我再次重复我的问题，我应该结合所有四个类来制作更具响应性和动态的网页吗？

4

1 回答 1

0

以下可能足以实现您的目标

<div class="left-col col-sm-12 col-md-3">

当设备是平板电脑或以下设备时，它将使用全宽。当它是笔记本电脑或更大的台式电脑时，它将使用 1/4 的宽度。

于 2017-10-14T05:51:08.217 回答