加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap -- 插件: 按钮状态、折叠样式、轮播样式

发布时间:2020-12-18 00:31:27 所属栏目:安全 来源:网络整理
导读:?Bootstrap -- 插件: 按钮状态、折叠样式、轮播样式 1. 按钮(Button)插件:可以添加进一些交互,比如控制按钮状态。 如需向按钮添加加载状态,只需要简单地向 button 元素添加 data-loading-text="Loading..." 作为其属性即可。 为按钮添加加载状态: My T

?Bootstrap -- 插件: 按钮状态、折叠样式、轮播样式

1. 按钮(Button)插件:可以添加进一些交互,比如控制按钮状态。

如需向按钮添加加载状态,只需要简单地向 button 元素添加 data-loading-text="Loading..." 作为其属性即可。

为按钮添加加载状态:

My Test bootstrap

样式效果:

2. 折叠(Collapse)插件:可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板,它都允许很多内容选项。

使用折叠样式:

My Test bootstrap

样式效果:

3. 轮播(Carousel)插件:是一种灵活的响应式的向站点添加滑块的方式。

使用轮播样式:

My Test bootstrap 1 2 3
<span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;div</span><span style="color: #0000ff"&gt;></span>

<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>

样式效果:

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读