![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap学习
文章平均质量分 84
抱抱旋旋子
我很慢热,但很保温
在校大学生,日常更新学习笔记
展开
-
CSS通用样式4——工具类
Bootstrap提供了十几个辅助工具类,包括边框、清除浮动、颜色、display、浮动、定位、文本对齐等。在开发中可以直接应用这些类,让开发更加快捷和简单。原创 2022-11-08 17:45:48 · 1049 阅读 · 0 评论 -
CSS通用样式3——表格
上表中,.table是表格的一个基类,如果想要加其他的样式,都要在.table的基础上去添加。表内的样式可以组合使用,多个样式之间只需使用空格隔开即可,并且都支持.table-dark样式,适用于反转色调。Bootstrap中提供了一系列表格布局样式,利用该样式可以帮助开发者快速开发出美观的表格,作用于元素的表格样式如下表所示。Bootstrap为表格提供了多种状态的样式类,这些状态类的主要作用是为表格中的行或单元格设置不同的背景颜色。样式,可以将表格中的每个单元格增加边框样式。原创 2022-11-08 16:10:23 · 5976 阅读 · 0 评论 -
CSS通用样式2——Flex布局
使用display通用类d-flex或类创建一个flexbox容器,并将子元素转换为flex属性。其中,d-flex类设置对象为弹性伸缩盒子,d-inline-flex类设置对象为内联块级弹性伸缩盒子。Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。采用Flex布局的元素,称为Flex容器( flexcontainer),简称"容器"。原创 2022-10-18 23:07:14 · 2755 阅读 · 0 评论 -
Bootstrap中CSS通用样式——排版,列表,代码,图片
HTML5定义了若干个标签强调的标签,有、、、、、、等,在Bootstrap4中同样也可以使用,用来为元素添加强调样式。(3)固定不同级别标题字体大小,一级为2.5rem,二级为2rem,三级为1.75rem,四级为1.5rem,五级为1.25rem,六级为1rem。表示用户要输入的内容。缩略语是指在页面中使用缩写的形式表示,当鼠标指针悬停在缩写词上时会显示全部的内容,HTML5提供的标签用来实现缩略语。原创 2022-10-18 16:47:17 · 1744 阅读 · 0 评论 -
Bootstrap布局之网格系统
为了让两个相邻的列元素有一定的间隔,除了给元素设置外边距以外,还可以通过Bootstrap中提供的列偏移功能来实现。第3行中,第1列向右偏移了3列,第2列向右偏移了3列,但是偏移列和显示列的总和超过了12列,所以显示到下一行。依此类推,col-md- 为中型设备列的前缀,col-lg-为大型设备列的前缀,col-xl- 为超大型设备列的前缀。(2)col-sm-*为列,表示占了*号列的宽度,值可以是1~12。●列使用样式.col-*-*,创建一组列并且只有列可以作为行的直接子元素。网格系统前缀--案例。原创 2022-10-03 23:18:55 · 2257 阅读 · 0 评论 -
Bootstrap布局之移动开发基础加容器
常用的媒体查询属性如下。在标签的基本语法中,将标签的content属性的值设置为“width=device-width”表示通知浏览器,布局视口的宽度应该与设备的宽度一致,示例代码如下。后来,栅格系统被应用于网页布局中,使用响应式栅格系统进行页面布局时,可以让一个网页在不同大小的屏幕上,呈现出不同的结构。栅格系统,即网格系统,它是一种清晰、工整的设计风格,用固定的格子进行网页布局。根据屏幕宽度的不同,利用媒体查询设定固定的宽度,当浏览器改变大小时,页面会呈现阶段性的变化。原创 2022-10-03 22:25:39 · 1688 阅读 · 0 评论