zoukankan      html  css  js  c++  java
  • BootStrap标题制作模板

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    <title>bootstrap项目实战</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-maizi.css" />
    </head>
    <body>
    <!--导航-->
    <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
    <!--小屏幕导航按钮和logo-->
    <div class="navbar-header">
    <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 href="index.html" class="navbar-brand">大标题</a>
    </div>
    <!--小屏幕导航按钮和logo-->
    <!--导航-->
    <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-right">
    <li>
    <a href="index.html">链接1</a>
    </li>
    <li>
    <a href="index.html">链接2</a>
    </li>
    <li>
    <a href="index.html">链接3</a>
    </li>
    <li>
    <a href="index.html">链接4</a>
    </li>
    <li>
    <a href="index.html">链接5</a>
    </li>
    <li>
    <a href="index.html">链接6</a>
    </li>
    </ul>
    </div>
    <!--导航-->
    </div>
    </nav>
    <!--导航-->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    </body>
    </html>

  • 相关阅读:
    oracle查询哪些sp修改了某些表
    asp.net mvc
    更新计算机驱动
    instr函数的用法
    UNION ALL UNION
    Python机器学习ch02 代码学习2
    Python机器学习 ch02代码学习1
    转载Python切片(小知识点)
    FMCW部分资料连接
    Python基础25 异常堆栈跟踪,释放资源,自定义异常和主动抛出
  • 原文地址:https://www.cnblogs.com/joyco773/p/6642893.html
Copyright © 2011-2022 走看看