bootstrap怎么适配手机屏幕

在使用Bootstrap框架时，本地调试小尺寸都没问题，一切正常，切换到手机上打开一看，显示的依然是大屏的效果。

解决方法其实很简单。

官网解释：

HTML5文档类型

Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。

...

移动设备优先

在 Bootstrap 2 中，我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中，我们重写了整个框架，使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。也就是说，Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落，而不是增加一个额外的文件。

为了确保适当的绘制和触屏缩放，需要在 之中添加 viewport 元数据标签。

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstrap怎么适配手机屏幕的详细内容，更多请关注其它相关文章！