保持对优秀的热情
  文章分类
Bootstrap4 学习笔记 33 css 2 开发工具 1 java学习笔记 2 撰写博客 1 前端 2 hexo博客配置 3 深度学习环境配置 2 typora 1 服务器环境配置 1 Bootstrap 1 问题记录和解决 1 数据库 1 Linux学习 1 MySQL 1
Bootstrap4 安装使用 Bootstrap4 安装使用
Bootstrap4 安装使用我们可以通过以下两种方式来安装 Bootstrap4： 使用 Bootstrap 4 CDN。 从官网 getbootstrap.com 下载 Bootstrap 4。 Bootstrap 4 CDN
2020-08-16 Bootstrap4 学习笔记
Bootstrap4 图像形状 Bootstrap4 图像形状
Bootstrap4 图像形状圆角图片.rounded 类可以让图片显示圆角效果： <img src="cinqueterre.jpg" class="rounded" alt="Cinque Terre"> 椭圆图片.rou
2020-08-16 Bootstrap4 学习笔记
图像形状
Bootstrap4 卡片 Bootstrap4 卡片
Bootstrap4 卡片简单的卡片我们可以通过 Bootstrap4 的 .card 与 .card-body 类来创建一个简单的卡片，实例如下: <div class="card"> <div class="c
2020-08-16 Bootstrap4 学习笔记
卡片
Bootstrap4 列表组 Bootstrap4 列表组
Bootstrap4 列表组大部分基础列表组都是无序的。 要创建列表组，可以在 元素上添加 .list-group 类, 在 元素上添加 .list-group-item 类: <ul class="list-group">
2020-08-16 Bootstrap4 学习笔记
列表组
Bootstrap4 分页 Bootstrap4 分页
Bootstrap4 分页网页开发过程，如果碰到内容过多，一般都会做分页处理。 Bootstrap 4 可以很简单的实现分页效果。 要创建一个基本的分页可以在 元素上添加 .pagination 类。然后在 元素上添加 .page-it
2020-08-16 Bootstrap4 学习笔记
分页
Bootstrap4 信息提示框 Bootstrap4 信息提示框
Bootstrap4 信息提示框Bootstrap 4 可以很容易实现信息提示框。 提示框可以使用 .alert 类, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-da
2020-08-16 Bootstrap4 学习笔记
信息提示框
Bootstrap4 下拉菜单 Bootstrap4 下拉菜单
Bootstrap4 下拉菜单Bootstrap4 下拉菜单依赖于 popper.min.js。 下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。 <div class="dropdown"> <button
2020-08-16 Bootstrap4 学习笔记
下拉菜单
Bootstrap4 Jumbotron Bootstrap4 Jumbotron
Bootstrap4 JumbotronJumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。 提示: Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。 我们可以通
2020-08-16 Bootstrap4 学习笔记
Jumbotron
Bootstrap 滚动监听(Scrollspy) Bootstrap 滚动监听(Scrollspy)
Bootstrap 滚动监听(Scrollspy)滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。 如何创建滚动监听以下实例演示了如何创建滚动监听： <!D
2020-08-16 Bootstrap4 学习笔记
滚动监听
Bootstrap 4 多媒体对象 Bootstrap 4 多媒体对象
Bootstrap 4 多媒体对象Bootstrap 提供了很好的方式来处理多媒体对象（图片或视频）和内容的布局。应用场景有博客评论、微博等: 基础多媒体对象要创建一个多媒体对象，可以在容器元素上添加 .media 类，然后将多媒体内容放到
2020-08-16 Bootstrap4 学习笔记
多媒体对象
1 / 4