你的位置:首页 > 软件开发 > 网页设计 > BootStrap学习_导航菜单

BootStrap学习_导航菜单

发布时间:2015-11-05 13:00:06
一、导航元素1.表格导航或标签以一个带有 class .nav 的无序列表开始。添加 class .nav-tabs。 <!DOCTYPE html><html ="http://www.w3.org/1999/xhtml&qu ...

BootStrap学习_导航菜单

一、导航元素

1.表格导航或标签

  • 以一个带有 class .nav 的无序列表开始。
  • 添加 class .nav-tabs

   

<!DOCTYPE html><html ="http://www.w3.org/1999/xhtml"><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title></title>  <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />  <script src='/images/loading.gif' data-original="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>  <script src='/images/loading.gif' data-original="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script></head><body style="margin-top:20px;margin-left:20px;"><p>标签式的导航菜单</p><ul class="nav nav-tabs">  <li class="active"><a href="#">Home</a></li>  <li><a href="#">SVN</a></li>  <li><a href="#">iOS</a></li>  <li><a href="#">asp.Net</a></li>  <li><a href="#">Java</a></li>  <li><a href="#">PHP</a></li></ul></body></html>

原标题:BootStrap学习_导航菜单

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录