【问题标题】:Twitter Bootstrap Template with Spring MVC使用 Spring MVC 的 Twitter 引导模板
【发布时间】:2013-06-12 16:27:33
【问题描述】:

我正在尝试使用 spring mvc 设置 twitter 引导程序。我将所有引导程序(bootstrap.css 和 bootstrap-responsive.css)移动到资源文件夹中,并将其链接到 jspx 页面。我将 Starter Template (http://tinyurl.com/ojnjovk) 复制/粘贴到 view.jpsx 中。

页面在开始时加载良好,例如黑条是应该在的地方(在顶部)。问题是当我调整窗口大小时,栏只是下拉页面并且响应按钮的高度比平时小。

我不知道是什么原因造成的。有什么建议吗?

要模拟设置创建一个 mvc 项目,设置 apache 切片,将上述模板复制到 .jspx 页面并运行它。

所有 .css 文件均已正确加载。

【问题讨论】:

    标签: web-applications spring-mvc twitter-bootstrap jspx apache-tiles


    【解决方案1】:

    打开您的 Chrome 开发人员工具或 Firebug,确保您的 CSS 和 JS 资源正确加载。 IE。如果您的 view.jspx 使用如下链接元素加载您的引导 css:<link href="../assets/css/bootstrap.css" rel="stylesheet">,那么您需要确保您的 bootstrap.css 文件位于 assets/css/ 目录中。 JavaScript 也一样。如果您的浏览器无法加载这些内容,您应该会在“网络”选项卡中看到控制台错误或 404 响应。

    【讨论】:

    • 已检查 - bootstrap.css 文件已正确加载。如果文件不存在,则顶部栏在开始时将不可见。
    • 原来有一个 css 问题我必须添加 !important 才能开始工作:@media (max-width: 979px) { body { padding-top: 0 !important; }...
    猜你喜欢
    • 2014-04-09
    • 1970-01-01
    • 2017-05-11
    • 2013-11-25
    • 2015-06-05
    • 1970-01-01
    • 1970-01-01
    • 2013-11-14
    • 1970-01-01
    相关资源
    最近更新 更多