data-是Bootstrap中使用组件和调用插件的一种方式。包含有data-属性的地方主要有如下几个部分。
- 下拉菜单组件
data-toggle=”dropdown”。示例代码如下:
- 标签页插件
data-toggle=”tab”,示例代码如下:
十元套餐详情 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab delectus et ipsa nam perferendis quasi soluta sunt. Aspernatur cum illo minima quasi ratione repellendus sapiente voluptas. Accusantium doloremque possimus quisquam!二十元套餐详情 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius esse quidem quos soluta. Dolor, earum eum explicabo fugiat fugit illum iste modi nam praesentium quae quam qui quisquam quo suscipit!三十元套餐详情 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur consectetur doloribus et quos vel. Adipisci architecto cum debitis dicta, doloremque ipsum maxime minus nam quod recusandae sequi sint, ullam voluptas.
- 工具提示框插件
data-toggle=”tooltip”。示例代码如下:
- 弹出框插件
data-toggle=”popover”。示例代码如下:
- 警告框插件
data-dismiss=”alert”。用来关闭警告框的属性。示例代码如下:
×
没有更多消息了
-模态对话框
data-toggle=”modal” , data-target=”#摸态框ID”
【Bootstrap中的data-*属性总结】摸态框的组成部分如下:
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少(今天见识到跳槽天花板!!)