如何用Bootstrap制作导航条
工具/材料
Sublime Text
操作方法
首先我们需要搭建一个html页面,如下图所示,在页面中导入需要的bootstrap文件
然后我们在body标签中写下nav元素,如下图所示,注意给nav元素添加导航条样式
接下来就给导航添加内容,如下图所示,运用的是ul元素,这里也运用了nav导航样式
如果想要激活哪个导航,只需要像下图的方式,在li元素中添加active样式即可
Bootstrap中的导航有下拉效果的设计,如果想用这种效果,需要用dropdown样式,如下图所示
另外,值得一提的下拉导航条中可以加分割线,如下图所示,运用divider样式即可
最后我们运行页面程序,你会看到如下图所示的效果,下拉导航以及激活状态都已经显示出来了
-
怎样注销支付宝账户
支付宝(中国)网络技术有限公司是国内领先的第三方支付平台,致力于提供“简单、安全、快速”的支付解决方案。支付宝公司从2004年建立开始,始终以“信任”作为产品和服务的核心。旗下有“支付宝”与“支付宝钱包”两个独立品牌。自2014年第二季度开始成为当前全球最...
-
webstorm有什么吸引开发者的特性功能?
webstorm是一个前端开发工具,相对众多的开发工具,webstorm有什么吸引开发者的特性功能?下面一起来看下。操作方法(01)相对于其它开发工具,webstorm是专为前端而生的。对HTML元素,在代码上有属性提示,如图,我们在写一个P元素后,打上一个空格后,就会弹出P所有支持的HTML属性...
-
华为悦盒看电视直播
华为悦盒内置的程序中并没有看电视直播的软件,安装一个电视家即可,让小编教给你安装指南。操作方法(01)将电视与华为悦盒用数据线连接好后,打开电视机和华为悦盒的电源,等待系统启动。(02)在电脑上将下载好的电视直播程序存放到U盘上,并将U盘插入到华为悦盒上。(03)在华为...
-
word怎么横向打印大字体
在工作学习中很多时候用到word横向打印以及大字号大字体的打印,下面以“大字体打印”五个字进行演示。操作方法(01)打开word2013,在功能区的页面布局中单击纸张方向。(02)整个word的纸张就变成了横向,然后就可以输入我们想要的文本内容了。(03)选中所输入的文本内容,在开...