web前端全系列 教程
1839个小节阅读:2243k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践
首先确保是HTML5的版本
<!doctype html>
<html lang="en">
...
</html>
Bootstrap 是移动设备优先的,为了确保适当的绘制和触屏缩放,需要在 <head>
之中为了确保适当的绘制和触屏缩放,需要在 <head>
之中添加 viewport 元数据标签
xxxxxxxxxx
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Bootstrap 需要为页面内容和栅格系统包裹一个 .container
容器。我们提供了两个作此用处的类。注意,由于 padding
等属性的原因,这两种容器类不能互相嵌套
.container
类用于固定宽度并支持响应式布局的容器
xxxxxxxxxx
<div class="container">
...
</div>
.container-fluid
类用于 100% 宽度,占据全部视口(viewport)的容器
xxxxxxxxxx
<div class="container-fluid">
...
</div>
实时效果反馈
1. BootStrap容器占据总容器100%的比例,使用下来那个CSS类:
A container
B .container-fluid
C viewport
D <!doctype html>
答案
1=>B