导入
向 HTML 页面添加 Bootstrap
学习如何构建网页结构并为 HTML 页面添加 Bootstrap。
1<!DOCTYPE html> 2<html> 3 <!-- 整个网页的内容都放在这里 --> 4 <head> 5 <!-- 元信息放在这里 --> 6 </head> 7 <body> 8 <!-- 页面主体内容放在这里 --> 9 </body> 10</html>
- 兼容性广泛，支持多种浏览器。
- 设计上具有响应式特性。
- 提供统一的可复用组件使用规范。
- 使用简单，易于理解。
1<!DOCTYPE html> 2<html> 3 <head> 4 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" 5 integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> 6 </head> 7 <body> 8 9 </body> 10</html>
我们可以在 head 标签中添加更多元信息，但目前这些已经足够。在本章中，我们将专注于构建第一个布局。
