我最近開始學習 Web 開發，并且正在玩一個 RoR 應用程式，我使用以下命令向其中添加了引導程式 gem：
bundle add bootstrap
一切順利，我將 /app/assets/stylesheets/application.css 擴展名更改為 .scss，然后添加
@import "bootstrap";
@import "bootstrap-sprockets";
到所述檔案，然后重新啟動服務器。現在我可以清楚地看到字體發生了變化，并開始使用不同的屬性。我創建了一些彩色按鈕，一個標注，然后我想在頁面頂部放置一個超大螢屏。
然而我意識到，它沒有背景顏色，即使它應該是灰色的。其他一切似乎都有效，但由于某種原因我無法讓它擁有背景，而且似乎沒有人遇到同樣的問題，這不是一個好兆頭。
這是它的樣子（https://i.stack.imgur.com/R630H.png）
<div class="container">
<div class="jumbotron text-center">
<h1>
This is my header
</h1>
<p>
Hello this should maybe someday be a jumbotron
</p>
</div>
<div >
<h4>Primary Callout</h4>
This is a primary callout.
</div>
<%= link_to "About me", 'about_me', role: "button", class: "btn btn-info"%>
<button >Green button</button>
</div>
引導程式版本：5.2.2，Ruby 版本 3.1.2，RoR 7.0.4
我不知道出了什么問題，因為其他元素似乎有效。任何幫助深表感謝。鏈接到我的完整存盤庫
我嘗試使用完整的 html5 模板并添加
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
對于確實使它起作用的檔案，但是安裝 gem 的全部意義在于我不必這樣做，對嗎？
uj5u.com熱心網友回復：
恐怕 Bootstrap v5.2 不再像 v4 那樣有超大螢屏了。試試這個：https ://getbootstrap.com/docs/5.2/examples/jumbotron/
您還可以在此處查看 v5.2 的可用組件：https ://getbootstrap.com/docs/5.2/components/accordion/
快樂黑客！
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/536870.html
上一篇：引數缺失或值為空：房間