Bootstrap教程

Bootstrap,来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。本教程将向您讲解Bootstrap框架的基础,通过学习这些内容,您将可以轻松地创建Web项目。教程被分为Bootstrap基本结构、Bootstrap CSS、Bootstrap布局组件和Bootstrap插件几个部分。每个部分都包含了与该主题相关的简单有用的实例。

首页  -  菜鸟教程  -  Bootstrap教程85

分类

  • Bootstrap 4 多媒体对象

    Bootstrap 4 多媒体对象

    Bootstrap教程
    Bootstrap 提供了很好的方式来处理多媒体对象(图片或视频)和内容的布局。应用场景有博客评论、微博等: 基础多媒体对象 要创建一个多媒体对象,可以…
  • Bootstrap4 小工具

    Bootstrap4 小工具

    Bootstrap教程
    Bootstrap4 提供了一些小工具,可以让我们不用写 CSS 代码就能实现想要的效果。 边框 使用 border 类可以添加或移除边框: 实例 &l…
  • Bootstrap4 滚动监听

    Bootstrap4 滚动监听

    Bootstrap教程
    滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。 如何创建滚动监听 以下实…
  • Bootstrap4 弹出框

    Bootstrap4 弹出框

    Bootstrap教程
    弹出框控件类似于提示框,它在鼠标点击到元素后显示,与提示框不同的是它可以显示更多的内容。 如何创建弹出框 通过向元素添加 data-toggle="po…
  • Bootstrap4 提示框

    Bootstrap4 提示框

    Bootstrap教程
    提示框是一个小小的弹窗,在鼠标移动到元素上显示,鼠标移到元素外就消失。 如何创建提示框 通过向元素添加 data-toggle="tooltip" 来来…
  • Bootstrap4 模态框

    Bootstrap4 模态框

    Bootstrap教程
    模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。 如…
  • Bootstrap4 轮播

    Bootstrap4 轮播

    Bootstrap教程
    轮播是一个循环的幻灯片: 如何创建轮播 以下实例创建了一个简单的图片轮播效果 : 实例 <div id="demo" clas…
  • Bootstrap4 自定义表单

    Bootstrap4 自定义表单

    Bootstrap教程
    Bootstrap4 可以自定义一些表单的样式来替换浏览器默认的样式。 自定义复选框 如果要自定义一个复选框,可以设置 <div> 为父元素…
  • Bootstrap4 输入框组

    Bootstrap4 输入框组 Bootstrap4 输入框组 Bootstrap4 输入框组 Bootstrap4 输入框组 Bootstrap教程
    我们可以使用 .input-group 类来向表单输入框中添加更多的样式,如图标、文本或者按钮。 使用 .input-group-prepend 类可以在输入框的的前面添加文本信息, .input-group-append 类添加在输入框的后面。 最后…