Bootstrap中的data-*属性总结

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-*属性总结】摸态框的组成部分如下:

    推荐阅读