!DOCTYPE htmlhtmlheadtitleBootstrap Example/titlelink href = /bootstrap/css/bootstrap.min.css rel = stylesheet
编程学习网为您整理以下代码实例,主要实现:Bootstrap活动状态下的徽章,希望可以帮到各位朋友。
<!DOCTYPE HTML>
<HTML>
<head>
<Title>bootstrap Example</Title>
<link href = "/bootstrap/CSS/bootstrap.min.CSS" rel = "stylesheet">
<script src = "/scripts/jquery.min.Js"></script>
<script src="/bootstrap/Js/bootstrap.min.Js"></script>
</head>
<body>
<h4>Active State in navigations</h4>
<ul class = "nav nav-pills nav-stacked" style = "max-wIDth: 260px;">
<li class = "active">
<a href = "#">
<span class = "badge pull-right">29</span>
Home
</a>
</li>
<li><a href = "#">Profile</a></li>
<li>
<a href = "#">
<span class = "badge pull-right">9</span>
Messages
</a>
</li>
</ul>
</body>
</HTML>
沃梦达教程
本文标题为:Bootstrap活动状态下的徽章
基础教程推荐
猜你喜欢
- Bootstrap .helper类 1970-01-01
- Bootstrap垂直堆栈选项卡 1970-01-01
- CSS加载社交按钮 1970-01-01
- CSS结合样式 1970-01-01
- Bootstrap向表中添加更密集的信息 1970-01-01
- D3.js selectAll()用法 2022-07-13
- Bootstrap clearfix类 1970-01-01
- Bootstrap .pagination-sm类 1970-01-01
- Bootstrap table-hover类 1970-01-01
- Bootstrap创建下拉菜单 1970-01-01