好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Bootstrap_Javascript_选项卡_html/css_WEB-ITnose

选项卡Tabs是Web中一种非常常用的功能。用户点击或悬浮对应的菜单项,能切换出对应的内容。

一 . 结构分析

Bootstrap框架中的选项卡主要有两部分内容组成:

选项卡组件(也就是菜单组件),对应的是 Bootstrap的 nav-tabs 底部可以切换的选项卡面板,在 Bootstrap 中通常 tab-pane 来表示

二. data-toggle触发选项卡(无需JS)

  声明式触发选项卡需要满足以下几点要求:


  1、选项卡导航链接中要设置 data-toggle="tab"

  2、并且设置 data-target="对应内容面板的选择符(一般是ID)";

  3、面板内容统一放在 tab-content 容器中,而且每个内容面板 tab-pane 都需要设置一个独立的选择符(最好是ID)与选项卡中的 data-target 或 href 的值匹配。

     公告    规则    论坛    安全    公益   

公告内容面板

查看更多关于Bootstrap_Javascript_选项卡_html/css_WEB-ITnose的详细内容...

  阅读:39次