`
Salmon2016
  • 浏览: 5436 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

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

阅读更多

<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>

 

程序运行截图:

 

 

 

 

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

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

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

 

  • 大小: 72.5 KB
分享到:
评论

相关推荐

    Bootstrap按钮组件详解

    Bootstrap按钮组件不仅限于单一的按钮元素,它还能够与下拉菜单组件结合使用,形成具有下拉功能的按钮组。通过组合使用`btn-group`、`btn-group-justified`等类,开发者可以创建复杂的、响应式的按钮导航栏。 ### ...

    Axure8 的 Bootstrap4 组件库

    这个组件库是专门为Axure RP 8设计的,确保了在设计过程中可以方便地使用Bootstrap4的样式和布局。它包含了各种Bootstrap4的典型元素和组件,以便于在原型设计中真实地模拟实际网站或应用的界面。 1. **分页**:...

    基于Bootstrap3的纯CSS滑动开关按钮组件

    TiTatoggle是一款基于Bootstrap3的纯CSS滑动...该滑动按钮组件没有使用Javascript,它的HTML结构和原生的Bootstrap checkbox组件结构基本相同,使用起来非常方便。它还提供了多种主题样式:IOS样式和Material样式等。

    bootstrap的datagrid组件

    Bootstrap的DataGrid组件是一款强大的数据展示工具,它充分利用了Bootstrap框架的灵活性和美观性,为开发者提供了便捷的方式来呈现和操作表格数据。这个组件是专为Web应用设计的,旨在简化数据的分页、条件查询以及...

    unigui Bootstrap按钮分组

    本文将深入探讨如何在Unigui中使用Bootstrap按钮分组(Button Group)这一功能。 Bootstrap按钮分组是一种将多个按钮排列在一起,形成一个单元的布局方式,这在很多场景下非常实用,比如在表单提交、导航选项或者...

    Bootstrap常用组件封装BootstrapQ.zip

    3.Bootstrap 周边优秀组件封装,让Bootstrap更丰满,使用更简单; 4.压缩后仅5.5k BootstrapQ 对 bootstrap 做了一些封装,可以使大家使用更方便,如下: 1.封装了alert 2.封装了confirm 3.封装了dialog 4....

    Axure Bootstrap 3 组件

    Bootstrap 3 组件库是为Axure设计的,它包含了Bootstrap框架中的各种UI元素和组件,如导航栏、按钮、表单、网格系统、模态框、下拉菜单等。这个组件库适用于Axure 7.x版本,意味着即使在较早的Axure版本中,设计师也...

    Bootstrap分页组件的设计

    Bootstrap 分页组件的设计 Bootstrap 分页组件的设计是基于 Bootstrap 前端开发框架,简单设计了前端分页控件。该组件提供了一个基本的分页控件,能够满足大多数情况下的分页需求。 分页组件的结构 分页组件的...

    Bootstrap带图标的按钮样式

    Bootstrap是世界上最流行的前端开发框架之一,它为开发者提供了丰富的组件和样式,使网站设计和开发变得更加高效和简单。在这个特定的资源中,我们关注的是"Bootstrap带图标的按钮样式",这是一种利用Bootstrap基础...

    基于Angular的Bootstrap4组件NGBootstrap

    5. **社区支持**:由于Angular和Bootstrap的广泛使用,NG Bootstrap拥有活跃的社区支持和持续的更新,问题解决和新功能添加非常及时。 在实际项目中,通过`ng-bootstrap-master`这个压缩包,你可以获取到NG ...

    bootstrap炫酷的按钮集合~满足各种需求

    在这个"bootstrap炫酷的按钮集合"中,我们主要探讨的是Bootstrap如何通过其按钮组件来实现多样化的视觉效果和交互功能。 Bootstrap 的按钮设计优雅且易于定制,它支持多种颜色方案,包括primary、secondary、...

    关于Bootstrap按钮组件消除黄框的方法

    总结一下,消除Bootstrap按钮组件的黄框主要是通过CSS来调整按钮在不同状态下的`outline`属性。在不影响可访问性的前提下,我们可以使用上述代码来达到预期效果。希望这些信息能对你在使用Bootstrap时遇到的问题有所...

    bootstrap相关组件文件全集

    这个"bootstrap相关组件文件全集"包含了Bootstrap 3.3.7版本的所有核心组件和资源,是前端开发者的重要工具箱。 Bootstrap 3.3.7是Bootstrap的第三个主要版本,它的核心特性包括响应式布局、移动设备优先的策略以及...

    Bootstrap4_for_Axure 组件库 Axure8 Axure9 亲测有效

    Bootstrap4 for Axure 组件库是一款专为Axure设计的工具包,旨在帮助原型设计师高效地构建基于Bootstrap4框架的网页交互模型。该组件库包含了适用于Axure8和Axure9版本的组件,确保在不同版本的Axure中都能顺利使用...

    用Vue2实现的Bootstrap3组件

    例如,他们可能创建了一个名为`BButton.vue`的按钮组件,该组件不仅包含了Bootstrap3的按钮样式,还利用Vue2的特性,添加了自定义的事件处理和动态属性。又或者,他们可能有一个`BCarousel.vue`组件,实现了...

    Bootstrap 第7章 图标菜单和按钮组件

    同时,Bootstrap的JavaScript插件也提供了丰富的交互功能,如模态框、下拉菜单等,这些都可以与图标菜单和按钮组件结合使用,实现更复杂的功能。 总之,Bootstrap的图标菜单和按钮组件是构建现代网页不可或缺的部分...

    bootstrap分页组件 bootstrap-paginator-master

    - `README.md`文件通常会提供关于如何安装、配置和使用该组件的详细指南。 通过研究这些文件,你可以深入理解Bootstrap-Paginator的工作原理,并将其成功集成到你的项目中。记住,良好的文档阅读习惯和实践操作是...

    Bootstrap 使用Font Awesome图标字体文件,集成了圆角按钮,禁用状态按钮,自定义按钮尺寸,可设定按钮动画,旋转和闪烁动画。

    Bootstrap 使用Font Awesome图标字体文件 集成了圆角按钮 禁用状态按钮 自定义按钮尺寸 可设定按钮动画 旋转和闪烁动画 ps:字体文件在asset里面 说的不是很明白 看下面英文解释吧 Bootstrap buttons as per ...

Global site tag (gtag.js) - Google Analytics