应该在 Bootstrap 中使用哪一列 类 以创建更具响应性的网页
Which column classes should be used in Bootstrap to create more resposive Webpage
BootStrap 允许 column/Grid 系统有四种类型的 类。
.xs // for mobiles
.sm // for tablest
.md // for laptops and normal desktops
.lg // for larger desktop
假设我想创建一个 webpage/website，它应该对所有类型的媒体更具响应性（绝对必须如此）。从手机到更大的桌面。我可以在这个 formate 中使用 类 吗？
注意：在本例中，我将创建左侧栏。
<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，这样如果屏幕尺寸超过 700px(approx) ，列的宽度应该是 25% 并且与 col-lg-3 类似。
因此，我再次重复我的问题，即我是否应该将所有四个 类 组合起来以制作更具响应性和动态性的网页？
以下可能足以实现您的目标
<div class="left-col col-sm-12 col-md-3">
当设备是平板电脑或以下设备时，它将使用全宽。当它是笔记本电脑或更大的台式电脑时，它将使用宽度的 1/4。
BootStrap 允许 column/Grid 系统有四种类型的 类。
.xs // for mobiles
.sm // for tablest
.md // for laptops and normal desktops
.lg // for larger desktop
假设我想创建一个 webpage/website，它应该对所有类型的媒体更具响应性（绝对必须如此）。从手机到更大的桌面。我可以在这个 formate 中使用 类 吗？
注意：在本例中，我将创建左侧栏。
<div class="left-col col-xs-12 , col-sm-12 col-md-3 col-lg-3">
以下可能足以实现您的目标
<div class="left-col col-sm-12 col-md-3">
当设备是平板电脑或以下设备时，它将使用全宽。当它是笔记本电脑或更大的台式电脑时，它将使用宽度的 1/4。