本文实例为大家分享了Bootstrap激活导航状态的具体代码,供大家参考,具体内容如下
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap-激活导航状态</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 150px;
padding-bottom: 40px;
font-family: '楷体';
font-size: 24px;
}
span.badge {
font-size: 18px;
}
</style>
</head>
<body>
<div class="container">
<h3>胶囊式导航中的激活状态</h3>
<ul class="nav nav-pills">
<li class="active">
<a href="#">首页 <span class="badge">42</span></a>
</li>
<li>
<a href="#">简介</a>
</li>
<li>
<a href="#">消息 <span class="badge" >3</span></a>
</li>
</ul>
<br>
<h3>列表导航中的激活状态</h3>
<ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
<li class="active">
<a href="#"> <span class="badge pull-right">42</span> 首页 </a>
</li>
<li>
<a href="#">简介</a>
</li>
<li>
<a href="#"> <span class="badge pull-right">3</span> 消息 </a>
</li>
</ul>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Bootstrap
# 导航
# vue中如何引入jQuery和Bootstrap
# 如何使用Bootstrap创建表单
# Bootstrap如何创建表单
# Bootstrap每天必学之基础排版
# bootstrap基础知识学习笔记
# 第一次接触Bootstrap框架
# 第一次接触神奇的Bootstrap
# Bootstrap开发实战之第一次接触Bootstrap
# 全系IE支持Bootstrap的解决方法
# 如何使用bootstrap框架 bootstrap入门必看!
# 首页
# 大家分享
# 具体内容
# 大家多多
# href
# css
相关文章:
建站主机与虚拟主机有何区别?如何选择最优方案?
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
如何选择香港主机高效搭建外贸独立站?
建站之星价格显示格式升级,你的预算足够吗?
建站之星导航菜单设置与功能模块配置全攻略
如何在宝塔面板中修改默认建站目录?
c# 服务器GC和工作站GC的区别和设置
如何确保西部建站助手FTP传输的安全性?
建站之星后台搭建步骤解析:模板选择与产品管理实操指南
微网站制作教程,不会写代码,不会编程,怎么样建自己的网站?
我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?
如何在云主机快速搭建网站站点?
学校免费自助建站系统:智能生成+拖拽设计+多端适配
英语简历制作免费网站推荐,如何将简历翻译成英文?
贸易公司网站制作流程,出口贸易网站设计怎么做?
Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递
怀化网站制作公司,怀化新生儿上户网上办理流程?
建站之星后台密码如何安全设置与找回?
如何配置WinSCP新建站点的密钥验证步骤?
详解jQuery停止动画——stop()方法的使用
如何在七牛云存储上搭建网站并设置自定义域名?
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
如何选择网络建站服务器?高效建站必看指南
如何在自有机房高效搭建专业网站?
如何打造高效商业网站?建站目的决定转化率
建站之星如何实现五合一智能建站与营销推广?
网站专业制作公司,网站编辑是做什么的?好做吗?工作前景如何?
建站与域名管理如何高效结合?
电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?
上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
如何在景安服务器上快速搭建个人网站?
南京网站制作费用,南京远驱官方网站?
可靠的网站设计制作软件,做网站设计需要什么样的电脑配置?
太原网站制作公司有哪些,网约车营运证查询官网?
正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱?口碑好?
如何在香港免费服务器上快速搭建网站?
怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?
如何做静态网页,sublimetext3.0制作静态网页?
新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?
建站ABC备案流程中有哪些关键注意事项?
微信h5制作网站有哪些,免费微信H5页面制作工具?
如何用PHP工具快速搭建高效网站?
C++时间戳转换成日期时间的步骤和示例代码
昆明网站制作哪家好,昆明公租房申请网上登录入口?
建站之星Pro快速搭建教程:模板选择与功能配置指南
建站VPS选购需注意哪些关键参数?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
广州顶尖建站服务:企业官网建设与SEO优化一体化方案
建站主机选哪种环境更利于SEO优化?
*请认真填写需求信息,我们会在24小时内与您取得联系。