bootstrap学习笔记03-组件

一、什么是组件

组件就是对特定功能的封装。

二、常用组件

1.警告提示框

详情请点击

代码示例:




页面显示:

2.按钮及按钮组组件

1)按钮组件

详情请点击

代码示例:



我是按钮组

页面显示:

bootstrap学习笔记03-组件_第1张图片

2)按钮组组件

详情请点击

代码示例:

3)卡片组件

详情请点击

代码示例:

Card image cap
卡片标题

卡片内容

按钮

页面实现效果:

bootstrap学习笔记03-组件_第2张图片

4.轮播图

详情请点击

代码示例:




5.折叠面板

详情请点击

代码示例:




我是折叠面板的内容

6.下拉菜单

详情请点击

注意此处有一个坑,popper.js引入必须在jquery-3.1.1.js之前,如下所示

    
    
    
    
    

代码示例


7.模态弹窗

详情请点击

代码示例:





页面显示:

bootstrap学习笔记03-组件_第3张图片

8.提示气泡

1)提示冒泡:鼠标悬浮按钮处,弹出提示

详情请点击

代码示例:

页面显示:

bootstrap学习笔记03-组件_第4张图片

2)pop提示:鼠标点击按钮处,弹出提示。再次点击,弹框关闭

详情请点击

9.导航栏

详情请点击

代码示例:


 

你可能感兴趣的:(HTML)