Springboot-bootstrap中css加載不出來

發現有時候會加載不出css樣式

<link href="../bootstrap/signin.css" >
<!-- 加上rel="stylesheet -->
<link href="../bootstrap/signin.css" rel="stylesheet">

這樣就加載出來了

Springboot使用bootstrap前端模板，訪問https://www.bootcss.com/下載對應css、js文件，在html文件中引用

bootstrap官網有詳細教程：

對應css、js文件可以訪問對應網址，然后復制另存為，文件位置和名稱不能亂，要對應。

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3個meta標簽*必須*放在最前面，任何其他內容都*必須*跟隨其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是為了讓 IE8 支持 HTML5 元素和媒體查詢（media queries）功能 -->
    <!-- 警告：通過 file:// 協議（就是直接將 html 頁面拖拽到瀏覽器中）訪問頁面時 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>你好，世界！</h1>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依賴 jQuery，所以必須放在前邊) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加載 Bootstrap 的所有 JavaScript 插件。你也可以根據需要只加載單個插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 前端頁面css樣式加載不出來 Django中的圖片加載不出來解決方式記錄 springboot+thymeleaf在html頁面中圖片顯示不出來 webview加載網頁加載不出來 Github網站css加載不出來的處理方法(轉，親測有效) SSM-物流管理常見問題3-springmvc在通過controller中的@RequestMapping訪問路徑加載不出來css和js FastReport報表，FastReport報表加載不出來在vue中動態加載圖片src屬性，會出現圖片加載不出來的情況解決Github圖片加載不出來的問題 Github加載不出來解決方法