Bootstrap对移动设备友好的布局类有哪些

这篇文章主要介绍"Bootstrap对移动设备友好的布局类有哪些"，在日常操作中，相信很多人在Bootstrap对移动设备友好的布局类有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"Bootstrap对移动设备友好的布局类有哪些"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

Bootstrap 有几个实用的用于开发对移动装备友好的布局的类。

.visible-phone：在宽度为 767px 及以下的手机上可见，在 979px 到 768px 的平板上隐藏不可见，在桌面上隐藏不可见，这是默许的。

.visible-tablet：在宽度为 767px 及以下的手机上隐藏不可见，在 979px 到 768px 的平板上可见，在桌面上隐藏不可见，这是默许的。

.visible-desktop：在宽度为 767px 及以下的手机上隐藏不可见，在 979px 到 768px 的平板上隐藏不可见，在桌面上可见，这是默许的。

.hidden-phone：在宽度为 767px 及以下的手机上隐藏不可见，在 979px 到 768px 的平板上可见，在桌面上可见，这是默许的。

.hidden-tablet：在宽度为 767px 及以下的手机上可见，在 979px 到 768px 的平板上隐藏不可见，在桌面上可见，这是默许的。

.hidden-desktop：在宽度为 767px 及以下的手机上可见，在 979px 到 768px 的平板上可见，在桌面上隐藏不可见，这是默许的。

我们直接上代码：