bootstrap实现下拉菜单需要的链接引入

博主分享了在使用Bootstrap框架时遇到下拉菜单无法正常显示的问题及其解决过程。通过按照菜鸟教程设置环境并尝试引入Flat-UI包,仍然无法解决问题。最终发现是由于jQuery与Bootstrap的导入顺序错误,调整顺序后成功实现下拉菜单。博客记录了这一学习历程,虽然技术含量不高,但表达了坚持写作和提高的决心。
摘要由CSDN通过智能技术生成
我理解的bootstrap框架就是定义了一些常用HTML元素的样式,把bootstrap包导入到HTML后,不必自己定义样式,可以直接引用定义好的样式。

      我理解bootstrap框架就是定义了一些常用HTML元素的样式,把bootstrap包导入到HTML后,不必自己定义样式,可以直接引用定义好的样式。

但是最初在导入bootstrap时也遇到了很多问题。我是按照菜鸟教程http://www.runoob.com/bootstrap/bootstrap-environment-setup.html上环境安装的教程来下载部署的,但是按照上面教程导入后,发现下拉菜单不能下拉,有的样式也不完整。然后百度这个问题,有人回答需要Flat-UI的包。于是导入了Flat-UI的包,这时候样式比较完整了,但依然不能下拉菜单。关于下拉菜单不能正常显示这个问题,说的最多的原因是jquery和bootstrap的导入顺序错误,因为bootstrap的实现是依赖于jQuery的,所以要先导入jquery再导入bootstrap,这一点我记住了,不过我的导入顺序是没有错的,我的问题不在这里。最终是在百度知道看到一个回答,那个人贴出了他的html代码,说实验过是可以实现下拉菜单的,我适用了他的代码也是可以的。就沿用了他导入的代码。这里想记录一下。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &#
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值