应在Bootstrap中使用哪些列类来创建更多负责的网页

Question

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，这样如果屏幕尺寸大于700px（大约），则列的宽度应为25％，与col-lg-3类似。 所以我再次重复我的问题，我应该将所有四个类合并在一起，以制作更具响应性和动态性的网页吗？

Answer 1

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

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

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