您当前的位置:首页 > bootstrap > bootstrap4知识

bootstrap4知识-创建第一个 Bootstrap 4 页面

时间:2020-02-23 06:33:51    来源:    作者:

1、添加 HTML5 doctype

Bootstrap 要求使用 HTML5 文件类型,所以需要添加 HTML5 doctype 声明。

HTML5 doctype 在文档头部声明,并设置对应编码:
------------------------------------------------------
<!DOCTYPE html> 

<html>
     <head>
        <meta charset="utf-8">
      </head>
</html>
-----------------------------------------------------------

移动设备优先

为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:
---------------------------------------------------------------------------------------------------------
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
--------------------------------------------------------------------------------------------------------

width=device-width 表示宽度是设备屏幕的宽度。

initial-scale=1 表示初始的缩放比例。

shrink-to-fit=no 自动适应手机屏幕的宽度。

推荐资讯