移动优先引导
自Bootstrap3以来，Bootstrap已成为移动优先。这意味着可以在整个库中找到“移动优先”样式，而不是在单独的文件中找到它们。您需要将视口元标记添加到<head>元素，以确保在移动设备上正确渲染和触摸缩放。
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
这里，
width属性控制设备的宽度。将其设置为设备宽度将确保在各种设备（移动设备，台式机，平板电脑...）上正确呈现它。
initial-scale=1.0可确保在加载后，您的网页将以1：1的比例呈现，并且没有缩放比例
将user-scalable=no添加到content属性以禁用移动设备上的缩放功能，如下所示。用户只能滚动而不缩放，从而使您的网站更像是本机应用程序。
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no">