Bootstrap 标签页插件

用法:

可以通过以下两种方式启用标签页:

1.通过 data 属性:需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。

添加 nav 和 nav-tabs 类到 ul 中,将会应用 Bootstrap 标签样式,添加 nav 和 nav-pills 类到 ul 中,将会应用 Bootstrap 胶囊式样式

```

<ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings

<p class="tab-content"> <p role="tabpanel" class="tab-pane active" id="home">...

<p role="tabpanel" class="tab-pane" id="profile">...

<p role="tabpanel" class="tab-pane" id="messages">...

<p role="tabpanel" class="tab-pane" id="settings">...

```2.通过 JavaScript:可以使用 Javscript 来启用标签页

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容