专栏首页sktjbootstrap 导航条 4

bootstrap 导航条 4

image.png

<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <nav class="nav navbar-default navbar-fixed-top "> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynav"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand">我的nav</a> </div> <div class="navbar-collapse collapse" id="mynav"> <ul class="nav navbar-nav"> <li class="active"><a href="#">守望先锋</a></li> <li><a href="#">枪火游侠</a></li> <li><a href="#">虚幻争霸</a></li> <li><a href="#">风暴英雄</a></li> </ul> </div> </div> </nav> </body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap 网页实例 常用样式

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 一...

    用户5760343
  • bootstrap 网站样式 常用

    用户5760343
  • jquery 手风琴效果

    <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-eq...

    用户5760343
  • 关于Web语义化的意义

    随着现在WEB(网页)的越来越火爆,WEB开发也越来越受人们重视。Tim Berners-Lee 可能不会想到它现在会达到的规模以及深入到我们生活的那么多方面。...

    NateHuang
  • 【JavaScript小项目】轮播图

    efonfighting
  • 【JavaScript小项目】弹出广告

    efonfighting
  • 基于django的个人博客网站建立(三)

    首先我希望主页面是显示我的所有文章,于是在主页面的视图函数中返回了所有的文章对象:

    py3study
  • overflow:hidden属性

    overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。

    bear_fish
  • jQuery入门前言

    上次说到了JavaScript,对其有一定了解,本文就来说说jQuery。jQuery就是一个由JavaScript编写的轻量库,简单的说就是封装了一些Java...

    贪挽懒月
  • 使用angular4和asp.net core 2 web api做个练习项目(二), 这部分都是angular

    完成client.service.ts: import { Injectable } from '@angular/core'; import { Http, ...

    solenovex

扫码关注云+社区

领取腾讯云代金券