HTML/CSS 第26页

2022-06-18阅读(829)

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

2022-06-18阅读(640)

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

2022-06-18阅读(795)

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

2022-06-18阅读(749)

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

2022-06-18阅读(680)

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

2022-06-18阅读(837)

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

2022-06-18阅读(941)

可以使用文本颜色类设置不同的颜色： 闪烁的加载效果 使用 .spinner-grow 类来设置闪烁的加载效果: 设置加载效果大小 使用.spinner-border-sm 或 .spinner-grow-sm 类来创建加载效果的大小: 加载...

2022-06-18阅读(816)

进度条可以显示用户任务的完成过程。 创建一个基本的进度条的步骤如下： 添加一个带有 .progress 类的 <div>。 接着，在上面的 <div> 内，添加一个带有 class .p...

2022-06-18阅读(748)

徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 <span>&nbs...

2022-06-18阅读(680)

Bootstrap 4 中允许我们将按钮放在同一行上。 可以在 <div> 元素上添加 .btn-group 类来创建按钮组。 提示: 我们可以使用 .btn-grou...