lucky

Bootstrap4 下拉菜单Bootstrap4 下拉菜单依赖于 popper.min.js。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。 <div class="dropdown"> <button

2020-08-16 Bootstrap4 学习笔记

下拉菜单

Bootstrap4 信息提示框Bootstrap 4 可以很容易实现信息提示框。提示框可以使用 .alert 类, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-da

2020-08-16 Bootstrap4 学习笔记

信息提示框

Bootstrap4 分页网页开发过程，如果碰到内容过多，一般都会做分页处理。 Bootstrap 4 可以很简单的实现分页效果。要创建一个基本的分页可以在元素上添加 .pagination 类。然后在元素上添加 .page-it

2020-08-16 Bootstrap4 学习笔记

分页

Bootstrap4 列表组大部分基础列表组都是无序的。要创建列表组，可以在元素上添加 .list-group 类, 在元素上添加 .list-group-item 类: <ul class="list-group">

2020-08-16 Bootstrap4 学习笔记

列表组

Bootstrap4 卡片简单的卡片我们可以通过 Bootstrap4 的 .card 与 .card-body 类来创建一个简单的卡片，实例如下: <div class="card"> <div class="c

2020-08-16 Bootstrap4 学习笔记

卡片

Bootstrap4 图像形状圆角图片.rounded 类可以让图片显示圆角效果： <img src="cinqueterre.jpg" class="rounded" alt="Cinque Terre"> 椭圆图片.rou

2020-08-16 Bootstrap4 学习笔记

图像形状

Bootstrap4 安装使用我们可以通过以下两种方式来安装 Bootstrap4：使用 Bootstrap 4 CDN。从官网 getbootstrap.com 下载 Bootstrap 4。 Bootstrap 4 CDN

2020-08-16 Bootstrap4 学习笔记

Bootstrap4 导航如果你想创建一个简单的水平导航栏，可以在 <ul> 元素上添加 .nav类，在每个 <li> 选项上添加 .nav-item 类，在每个链接上添加 .nav-link 类: <div

2020-08-16 Bootstrap4 学习笔记

导航

Bootstrap4 导航栏导航栏一般放在页面的顶部。我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水平铺开，小屏幕垂直堆叠)。

2020-08-16 Bootstrap4 学习笔记

导航栏

Bootstrap4 小工具Bootstrap4 提供了一些小工具，可以让我们不用写 CSS 代码就能实现想要的效果。边框使用 border 类可以添加或移除边框: <style> .border {

2020-08-16 Bootstrap4 学习笔记

Bootstrap4 弹出框弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。如何创建弹出框通过向元素添加 data-toggle=”popover” 来来创建弹出框。 title 属性的内容为弹出框

2020-08-16 Bootstrap4 学习笔记

弹出框

Bootstrap4 徽章（Badges）徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到元素上即可。徽章可以根据

2020-08-16 Bootstrap4 学习笔记

滚动监听