Java程序员的日常 —— 响应式导航Demo

这两天想要做响应式的页面，于是本着重复造轮子的想法，模仿Bootstrap官网，精简了一个响应式导航的Demo。

效果

代码

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"><link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"><link href="http://static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet"><style type="text/css">.navbar-nav {float: right;}</style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top"><div class="container"><div class="navbar-header"><button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand hidden-sm" href="http://www.bootcss.com">Bootstrap中文网</a></div><div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;"><ul class="nav navbar-nav"><li class="hidden-sm hidden-md"><a href="http://v2.bootcss.com/" target="_blank">Bootstrap2中文文档</a></li><li><a href="http://v3.bootcss.com/" target="_blank">Bootstrap3中文文档</a></li><li><a href="http://v4.bootcss.com/" target="_blank">Bootstrap 4.0 预览</a></li></ul></div></div></div><script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>

Java程序员的日常 —— 响应式导航Demo相关推荐

Java程序员的日常—— 垃圾回收中引用类型的作用
在Java里面,是不需要太过于关乎垃圾回收,但是这并不意味着开发者可以不了解垃圾回收的机制,况且在java中内存泄露也是家常便饭的事情.因此了解垃圾回收的相关知识就显得很重要了. 引用,在垃圾回收中是 ...
JAVA程序员的日常工作是什么？一文告诉知道！
由于Java的企业需求热度,想学习Java并获得就业安排的学员也只增不减.而对于Java工程师来说,每天的工作内容是怎样的呢?本篇带大家了解一下Java开发者的日常工作,希望会有所收获. 首先对于一个 ...
JAVA程序员的日常工作是什么？一文告诉知道
由于Java的企业需求热度,想学习Java并获得就业安排的学员也只增不减.而对于Java工程师来说,每天的工作内容是怎样的呢?本篇带大家了解一下Java开发者的日常工作,希望会有所收获. 首先对于一个 ...
java程序员的日常_Java程序员的日常——经验贴（纯干货）
工作当中遇到的事情比较杂,因此涉及的知识点也很多.这里暂且记录一下,今天遇到的知识点,纯干货~ 关于文件的解压和压缩如果你的系统不支持tar -z命令如果是古老的Unix系统,可能并不认识tar ...
Java程序员的日常
工作当中遇到的事情比较杂,因此涉及的知识点也很多.这里暂且记录一下,今天遇到的知识点,纯干货~ 转自https://my.oschina.net/u/3518116/blog/979024?ref=m ...
Java程序员的日常—— 《编程思想》关于类的使用常识
Java虽然利用JVM,让程序员可以放心大胆的使用,可是仍然会出现内存泄露等问题.世上没有绝对的银弹,因此也不能完全把所有的任务都交给JVM,了解Java中的初始化与垃圾回收还是必不可少的知识. 关于 ...
java程序员的日常小感悟
转眼间,毕业已经快4年了.自己也已经渐渐的离新手这个词越来越远了,至少在别人眼里是这样的,其实真实的专业水平只有自己清楚,还是小白一个:虽然技术很菜,但是通过实际的工作,自己也有一些自己的感受与总结: ...
Java程序员的日常—— Arrays工具类的使用
这个类在日常的开发中,还是非常常用的.今天就总结一下Arrays工具类的常用方法.最常用的就是asList,sort,toStream,equals,copyOf了.另外可以深入学习下Arrays的排 ...
Java程序员的日常—— IOUtils总结
以前写文件的复制很麻烦,需要各种输入流,然后读取line,输出到输出流...其实apache.commons.io里面提供了输入流输出流的常用工具方法,非常方便.下面就结合源码,看看IOUTils都有 ...

Java程序员的日常 —— 响应式导航Demo

效果

代码

Java程序员的日常 —— 响应式导航Demo相关推荐

最新文章

热门文章