关于使用BootStrap按钮组件无法显示其底色的问题总结

时间:2024-03-16 20:12:19
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap3/css/bootstrap-theme.min.css">

<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap3/js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap3/js/bootstrap.min.js"></script>

<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-warning">警告</button>

 

程序运行截图:

 

 
关于使用BootStrap按钮组件无法显示其底色的问题总结
 

 

1.使用按钮组件,无法显示官方所展示的按钮背景色,很奇怪,今天再次编译的时候竟然显示了按钮的底色。

//有个地方需要注意一下,href="${pageContext.request.contextPath},如果在实际开发环境中碰到该句话报错,那么请检查一下jsp-api.jar是否被导入

2.还有要注意一下路径的问题,不能出现WebContent//bootstrap3/css/bootstrap.min.css这样的路径。因为最终打包的话,没有WebContent这东西