目录
百战程序员,全站22050+开发课程+文档 ,学习精选优质好课快人一步!观看视频 快捷键ALT+N

web前端全系列 教程

1839个小节阅读:2243k

收藏
全部开发者教程

鸿蒙应用开发

C语言快速入门

JAVA全系列 教程

面向对象的程序设计语言

Python全系列 教程

Python3.x版本,未来主流的版本

人工智能 教程

顺势而为,AI创新未来

大厂算法 教程

算法,程序员自我提升必经之路

C++ 教程

一门通用计算机编程语言

微服务 教程

目前业界流行的框架组合

web前端全系列 教程

通向WEB技术世界的钥匙

大数据全系列 教程

站在云端操控万千数据

AIGC全能工具班

A

A A

White Night

阅读(1.3k)
赞(0)

BootStrap容器

image-20220222121321889

深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践

HTML5 文档类型

首先确保是HTML5的版本

移动设备优先

Bootstrap 是移动设备优先的,为了确保适当的绘制和触屏缩放,需要在 <head> 之中为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewport 元数据标签

布局容器

Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种容器类不能互相嵌套

.container 类用于固定宽度并支持响应式布局的容器

.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器

实时效果反馈

1. BootStrap容器占据总容器100%的比例,使用下来那个CSS类:

A container

B .container-fluid

C viewport

D <!doctype html>

答案

1=>B

 

北京市昌平区回龙观镇南店村综合商业楼2楼226室

©2014-2023 百战卓越(北京)科技有限公司 All Rights Reserved.

京ICP备14032124号-2