Bootstrap是最受欢迎的 HTML、CSS 和JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap让前端开发更快速、简单。所有开发者都能快速上手、所有项目都适用。
今天就给大家带来程序员非常容易用到的下拉菜单的一个小案例吧。
<body>
<div class="container">
<ul class="nav nav-tabs">
<li><a href="#">主页</a><
>
<li><a href="#">体育新闻</a><
>
<li><a href="#">娱乐新闻</a><
>
</ul>
<div>
<div id="content" style="border: 1px solid #ccc;width: 400px;height:200px;">
<p>这是主页</p>
<a href="#">这是主页里面的链接</a>
</div>
<div id="content1" style="border: 1px solid #ccc;width: 400px;height:200px;display: none;">
<ul>
<li>这是体育新闻<
>
<li>这是体育新闻<
>
<li>这是体育新闻<
>
<li>这是体育新闻<
>
<li>这是体育新闻<
>
<li>这是体育新闻<
>
</ul>
</div>
<div id="content2" style="border: 1px solid #ccc;width: 400px;height:200px;display: none">
<ul>
<li>这是娱乐新闻<
>
<li>这是娱乐新闻<
>
<li>这是娱乐新闻<
>
<li>这是娱乐新闻<
>
<li>这是娱乐新闻<
>
<li>这是娱乐新闻<
>
<li>这是娱乐新闻<
>
</ul>
</div>
</div>
</div>