Bootstrap笔记(一) 网页的基本结构

Bootstrap 网页的基本结构

範例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Bootstrap CDN --><!-- CSS only --><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous"><!-- JavaScript Bundle with Popper --><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script><title>Bootstrap網頁基本結構</title>
</head>
<body><!-- 在網頁上顯示字串 --><h1>Hello,Bootstrap!</h1>
</body>
</html>

6:
width=device-width: 将网页宽度设为行动装置的荧幕宽度。
initial-scale=1.0: 缩放比，此处为1:1。

10: 透过CDN参考Bootstrap核心CSS檔案。
12: 透过CDN参考Bootstrap核心JavaScript檔案(这里已包含Popper)。

結果

参考

Bootstrap官方网站

Bootstrap笔记(一) 网页的基本结构相关推荐

BootStrap笔记参考（全）-优极限
目录 BootStrap 1.主要内容 2.BootStrap的安装和使用 2.1BootStrap介绍 2.2BootStrap特点 2.3下载与使用 3.布局容器和栅格网格系统 3.1布局容器 3 ...
【skynet学习笔记】skynet的目录结构
[skynet学习笔记]skynet的目录结构 skynet目录结构学习skynet必须先了解一下skynet的目录结构. skynet的目录结构十分清晰,一目了然. 下面来具体看看各个目录. [r ...
Windows进程与线程学习笔记（一）—— 进程结构体
Windows进程与线程学习笔记(一)-- 进程结构体进程结构体 EPROCESS +0x000 Pcb : _KPROCESS +0x1b0 Peb : Ptr32 _PEB 练习解题步骤第一 ...
单分支两路分支和多分支的if结构_JavaScript学习笔记（二）-- 分支结构
分支结构我们的 js 代码都是顺序执行的(从上到下) 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码 IF 条件分支结构 if 语句通过一个 if 语句来决定代码执行与否a 语法: if ...
windows内核开发学习笔记十五：IRP结构
windows内核开发学习笔记十五:IRP结构 IRP(I/O Request Package)在windows内核中,有一种系统组件--IRP,即输入输出请求包.当上层应用程序需要访问底层输入输 ...
【读文献笔记】图神经网络加速结构综述
[读文献笔记]图神经网络加速结构综述前言一.图神经网络来源 1.图神经网络用途 2.图神经网络特点 3.图神经网络主要阶段 4.图神经网络加速面临的挑战 5.本笔记内容包含内容二.图与图神经网络 ...
【HTML】网页的基本结构
网页的基本结构网页的版本迭代文档声明(doctype) 网页的基本结构网页语言网页的版本迭代 HTML4 XHTML2.0 HTML5 等等文档声明(doctype) 文档声明用来告诉浏览器 ...
学习笔记——web网页庐山旅游网
学习笔记--web网页庐山旅游网这学期学习了web技术,简单学习了H5+CSS+JS的知识. 这是一个简单的前端,采用html.一共五个页面. 首页index.html <!DOCTYPE h ...
【计算机网络学习笔记06】以太网帧结构、HDLC协议
[计算机网络学习笔记06]以太网帧结构.HDLC协议一.以太网帧结构 1.1 两种帧格式 1)Ethernet_II帧格式 2)IEEE802.3帧格式 1.2 帧的3种发送方式 1)单播: 帧从单 ...

Bootstrap笔记(一) 网页的基本结构

Bootstrap 网页的基本结构

範例

結果

参考

Bootstrap笔记(一) 网页的基本结构相关推荐

最新文章

热门文章