首頁 > web前端 > js教程 > BootStrap響應式導覽條實例介紹_javascript技巧

BootStrap響應式導覽條實例介紹_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 15:01:59
原創
2166 人瀏覽過

Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更快速。響應式導航條就是可以在不同的裝置下查看不同的效果。

下面要跟大家分享程式碼:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<header role="banner">

<nav role="navigation" class="navbar navbar-default">

<div class="container">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="index.html">Bootstrappin'</a>

</div>

<div class="navbar-collapse collapse">

<ul class="nav navbar-nav">

<li class="active"><a href="index.html">Home</a></li>

<li><a href="#">Portfolio</a></li>

<li><a href="#">Team</a></li>

<li><a href="#">Contact</a></li>

</ul>

</div><!--/.nav-collapse -->

</div><!--/.container -->

</nav>

</header>

登入後複製

data-toggle=”collapse” 預期行為

BootStrap響應式導覽條實例介紹_javascript技巧
BootStrap響應式導覽條實例介紹_javascript技巧
BootStrap響應式導覽條實例介紹_javascript技巧

以上內容是小編給大家介紹的BootStrap響應式導航條實例介紹,希望對大家有幫助!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板