Css 更改大小时保持引导列在同一行中

我有一个div，它有两列-一列保存一个glyphicon，另一列保存文本。在较大的尺寸下，这可以正常工作：

但当浏览器处于较小的宽度（或移动）时，列将被拆分，结果如下所示：

有没有办法强制列保持在一行中？两个柱子都有足够的空间，即使是最窄的尺寸

以下是我的单行HTML：

<div class="row">
   <div class="col-md-2"><i class="fa fa-check fa-2x fa-fw"></i></div>
   <div class="col-md-10">
      <p>Zero Day Protection</p>
   </div>
</div>

零日保护

CSS是标准的引导程序（类是一个图标）。

class=“col-md-2 col-xs-2”

和

class=“col-md-10 col-xs-10”

---

您可以为元素组合类，使其根据屏幕大小以特定方式运行。您可以执行类似于

class=“col-md-2 col-xs-6”

和

class=“col-md-10 col-xs-6”

等操作。

使用

col-xs-*

网格类

<div class="row">
   <div class="col-xs-2"><i class="fa fa-check fa-2x fa-fw"></i></div>
   <div class="col-xs-10">
      <p>Zero Day Protection</p>
   </div>
</div>

自适应更新

在线支持和知识库

直接支持

企业管理控制台

零日保护

谢谢您的解释。我一直在努力学习Bootstrap文档，却不了解响应列类是如何工作的，这让我明白了这一点！