计算机 / Bootstrap4教程

Bootstrap4教程

Bootstrap4 面包屑导航（Breadcrumb） | Bootstrap4 教程

面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次...
Bootstrap4 表单 | Bootstrap4 教程

在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单元素 in...
Bootstrap4 表单控件 | Bootstrap4 教程

Bootstrap4 支持以下表单控件： input textarea checkbox radio select Bootstrap Input Bootstrap 支持所有的 HTML5 输入类型: text, password, datetime, datetime-local, d...
Bootstrap4 输入框组 | Bootstrap4 教程

我们可以使用 .input-group 类来向表单输入框中添加更多的样式，如图标、文本或者按钮。使用 .input-group-prepend 类可以在输入框的的前面添加...
Bootstrap4 自定义表单 Bootstrap4 可以自定义一些表单的样式来替换浏览器默认的样式。 | Bootstrap4 教程

Bootstrap4 可以自定义一些表单的样式来替换浏览器默认的样式。自定义复选框如果要自定义一个复选框，可以设置 div 为父元素，类为 .cu...
Bootstrap4 轮播 | Bootstrap4 教程

轮播是一个循环的幻灯片：如何创建轮播以下实例创建了一个简单的图片轮播效果：实例 div id = demo class = carousel slide data-ride = carousel !...
Bootstrap4 模态框 | Bootstrap4 教程

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体...
Bootstrap4 提示框 | Bootstrap4 教程

提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。如何创建提示框通过向元素添加 data-toggle=tooltip 来来创建提...
Bootstrap4 弹出框 | Bootstrap4 教程

弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。如何创建弹出框通过向元素添加 data...
Bootstrap 滚动监听(Scrollspy) | Bootstrap4 教程

滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建...
Bootstrap4 小工具 | Bootstrap4 教程

Bootstrap4 提供了一些小工具，可以让我们不用写 CSS 代码就能实现想要的效果。边框使用 border 类可以添加或移除边框: 实例 span class = bord...
Bootstrap 4 Flex（弹性）布局 | Bootstrap4 教程

Bootstrap 4 通过 flex 类来控制页面的布局。弹性盒子(flexbox) Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布局，而不是使用...
Bootstrap 4 多媒体对象 | Bootstrap4 教程

Bootstrap 提供了很好的方式来处理多媒体对象（图片或视频）和内容的布局。应用场景有博客评论、微博等: 基础多媒体对象要创建一个多媒...

首页
上一页
1
2
末页
共 2页33条

栏目分类