保持对优秀的热情
  文章分类
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 文字排版Bootstrap 4 默认设置Bootstrap 4 默认的 font-size 为 16px, line-height 为 1.5。 默认的 font-family 为 “Helvetica Neue”,
2020-08-16 Bootstrap4 学习笔记
文字排版
Bootstrap4 提示框 Bootstrap4 提示框
Bootstrap4 提示框提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。 如何创建提示框通过向元素添加 data-toggle=”tooltip” 来来创建提示框。 title 属性的内容为提示框显示的内容： &l
2020-08-16 Bootstrap4 学习笔记
提示框
Bootstrap4 按钮组 Bootstrap4 按钮组
Bootstrap4 按钮组Bootstrap 4 中允许我们将按钮放在同一行上。 可以在 <div> 元素上添加 .btn-group 类来创建按钮组。 <div class="btn-group"> &l
2020-08-16 Bootstrap4 学习笔记
按钮组
Bootstrap4 按钮 Bootstrap4 按钮
Bootstrap4 按钮Bootstrap 4 提供了不同样式的按钮。 <button type="button" class="btn">基本按钮</button> <button type="button
2020-08-16 Bootstrap4 学习笔记
按钮
Bootstrap4 文字排版 Bootstrap4 文字排版
Bootstrap4 折叠Bootstrap4 折叠可以很容易的实现内容的显示与隐藏。 <div class="container"> <h2>简单的折叠</h2> <p>点击
2020-08-16 Bootstrap4 学习笔记
文字排版
Bootstrap4 徽章（Badges） Bootstrap4 徽章（Badges）
Bootstrap4 徽章（Badges） 徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 元素上即可。 徽章可以根据
2020-08-16 Bootstrap4 学习笔记
滚动监听
Bootstrap4 弹出框 Bootstrap4 弹出框
Bootstrap4 弹出框弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。 如何创建弹出框通过向元素添加 data-toggle=”popover” 来来创建弹出框。 title 属性的内容为弹出框
2020-08-16 Bootstrap4 学习笔记
弹出框
Bootstrap4 小工具 Bootstrap4 小工具
Bootstrap4 小工具Bootstrap4 提供了一些小工具，可以让我们不用写 CSS 代码就能实现想要的效果。 边框使用 border 类可以添加或移除边框: <style> .border {
2020-08-16 Bootstrap4 学习笔记
Bootstrap4 导航栏 Bootstrap4 导航栏
Bootstrap4 导航栏导航栏一般放在页面的顶部。 我们可以使用 .navbar 类来创建一个标准的导航栏，后面紧跟: .navbar-expand-xl|lg|md|sm 类来创建响应式的导航栏 (大屏幕水平铺开，小屏幕垂直堆叠)。
2020-08-16 Bootstrap4 学习笔记
导航栏
Bootstrap4 导航 Bootstrap4 导航
Bootstrap4 导航如果你想创建一个简单的水平导航栏，可以在 <ul> 元素上添加 .nav类，在每个 <li> 选项上添加 .nav-item 类，在每个链接上添加 .nav-link 类: <div
2020-08-16 Bootstrap4 学习笔记
导航
2 / 4