Bootstrap4 教程 第2页

2022-06-18阅读(572)

我们可以使用 .input-group 类来向表单输入框中添加更多的样式，如图标、文本或者按钮。 使用 .input-group-prepend 类可以在输入框的的前面添加文本信息， .in...

2022-06-18阅读(571)

Bootstrap4 支持以下表单控件： input textarea checkbox radio select Bootstrap Input Bootstrap 支持所有的 HTML5 输入类型: text, password, da...

2022-06-18阅读(892)

在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 表单元素 <input>, <textarea>...

2022-06-18阅读(578)

面包屑导航是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置，是在用户界面中的一种导航辅助。 Bootstrap 中的面包屑导航是一个简单的带有 .brea...

2022-06-18阅读(615)

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

2022-06-18阅读(623)

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

2022-06-18阅读(476)

Bootstrap4 折叠可以很容易的实现内容的显示与隐藏。 实例解析 .collapse 类用于指定一个折叠元素 (实例中的 <div>); 点击按钮后会在隐藏与显示之间切换。 控制内容的隐藏与显示，需要在 <...

2022-06-18阅读(651)

Bootstrap4 下拉菜单依赖于 popper.min.js。 下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。 实例解析 .dropdown 类用来指定一个下拉菜单。 我们可以使用一个按钮或链接来打开下拉菜单， 按钮或...

2022-06-18阅读(547)

简单的卡片 我们可以通过 Bootstrap4 的 .card 与 .card-body 类来创建一个简单的卡片，实例如下: Bootstrap4 的卡片类似 Bootstrap 3 中的面板、图片缩...

2022-06-18阅读(513)

要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在 <li> 元素上添加 .list-group-item 类...