bootstrap4 教程

  • Bootstrap4 折叠板

    折叠板可以实现内容的显示与隐藏,让页面排版更加简洁。那么在Bootstrap4中,如何实现折叠板功能呢? 简单折叠板 .collapse 类用于指定一个折叠元素&nbsp…

  • Bootstrap4 导航

    在Bootstrap4中,可以使用.nav类来创建导航, 简单的水平导航 如果你想创建一个简单的水平导航栏,可以在 <ul> 元素上添加 …

    bootstrap4 教程 2023年5月24日
  • Bootstrap4 导航栏

    导航栏是一个将商标、导航以及别的元素简单放置到一个简洁导航页头的的集合。在Bootstrap4中,导航栏的创建并不难,而且,可以使用各种类对其进行扩展。 基础导航栏创建 我们可以使…

    bootstrap4 教程 2023年5月24日
  • Bootstrap4 表单

    在本章中,我们将学习在Bootstrap4 中如何创建表单。在Bootstrap4 中,我们可以通过一些简单的 HTML 标签和扩展的类即可…

    bootstrap4 教程 2023年5月24日
  • Bootstrap4 表单控件

    Bootstrap4 支持以下表单控件:input、textarea、checkbox、radio以及select,使用这些类可以优化自定义显示,以实现一个更一致的跨浏览…

  • Bootstrap4 轮播

    轮播是一个一个幻灯片组件,用来循环显示图片元素,或者滚动的文字。 轮播创建 以下实例创建了一个简单的图片轮播效果 : 实例: <!DOCTYPE html> …

  • Bootstrap4 模态框

    模态框(Modal)是覆盖在父窗体上的子窗体。通常,使用模态框的目的是用来显示来自一个单独的源的内容,而且可以在不离开父窗体的情况下有一些互动。 模态框创建: <!DOCTY…

    bootstrap4 教程 2023年5月24日
  • Bootstrap4 提示框

    提示框是一个小小的弹窗,只有当鼠标移动到元素上时才会显示,鼠标移出后消失。在Bootstrap4中,提示框功能的实现其实也很简单。 创建提示框 通过向元素添加 data-…

    bootstrap4 教程 2023年5月24日
  • Bootstrap4 弹出框

    弹出框控件和提示框有点类似,用户用鼠标点击元素后,就会显示。不过和提示框不同的是,弹出框能够显示的内容更多。 创建弹出框 通过向元素添加 data-toggle=&#82…

    bootstrap4 教程 2023年5月24日
  • Bootstrap4 滚动监听(Scrollspy)

    滚动监听(Scrollspy)组件,会根据滚动的位置,自动更新导航条的目标。 滚动监听创建 向您想要监听的元素(通常是 body)添加 data-spy=&#8…

  • Bootstrap 4 多媒体对象

    在Bootstrap4中,提供了很好的方式来处理图片或视频等多媒体对象和内容的布局。其应用场景有博客评论、微博等等。 基础多媒体对象创建 要创建一个多媒体对象,可以在容器元素上添加…

  • Bootstrap4 实用工具

    在Bootstrap4中包含了很多实用的小工具,这些功能能够让你不用写 CSS 代码就能实现想要的效果,让开发更快捷和简单。 边框 使用 border…

    bootstrap4 教程 2023年5月24日