Bootstrap下拉菜单和导航栏的使用

最新推荐文章于 2023-10-12 15:58:24 发布

dongfengyue2407

最新推荐文章于 2023-10-12 15:58:24 发布

阅读量425

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/harryTree/p/11603697.html

版权

1.下拉菜单里面必须是<li> <a> ... </a></li>的形式，否则a标签里面的字体会没有样式；

2.<span class="caret"></span>为下拉箭头的样式

下拉菜单和导航栏的html代码如下：

<html>

<head>

<title>下拉菜单和导航栏练习</title>

</head>

<body>

<li class="dropdown">
<a href="#" data-toggle="dropdown"> Home<span class="caret"></span> </a>
<ul class = "dropdown-menu" >
<li><a href="#"> action1 </a></li>
<li><a href="#"> action2 </a></li>
<li><a href="#"> action3 </a></li>
</ul>
</li>
<li><a href="#"> Profile </a></li>
<li><a href="#"> Message </a></li>

</ul>

......................

</div>

</body>
</html>

转载于:https://www.cnblogs.com/harryTree/p/11603697.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dongfengyue2407

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap下拉菜单和导航栏的使用

1.下拉菜单里面必须是<li> <a> ... </a></li>的形式，否则a标签里面的字体会没有样式；2.<span class="caret"></span>为下拉箭头的样式下拉菜单和导航栏的html代码如下：<html><head> <tit...
复制链接

扫一扫