Bootstrap 5 教程

Bootstrap 是壹個流行的前端框架，它提供了許多實用的類和工具，用於構建現代、響應式的網站和應用程序。其中壹個常見的需求是設置元素的高度，以便它們適應不同的設備屏幕。在本教程中，我們將學習如何在 Bootstrap 5 中設置元素的高度，並使其在移動設備和桌面設備上均保持壹致。 使用最小高度類 Bootstrap 提供了許多類，可以用來設置元素的高度。其中壹個常用的類是 .min-vh-100，它將元素的最小高度設置為視口高度的 100%。這意味著該元素的高度將始終等於或高於視口高度，這在移動設備上尤為重要，因為它們的屏幕通常比桌面設備小。您可以使用這個類來確保您的頁面內容在移動設備上可見，而不會出現滾動條。 以下是如何使用 .min-vh-100 類來設置元素的高度的示例代碼： <div class="min-vh-100"> <!-- 這裏是您的內容 --> </div> 您可以將上面的代碼放在任何 HTML 元素中，例如 <div>、<section> 或 <main> 元素中。這將使該元素的最小高度等於視口高度的 100%，並且不會比視口更小。 如果您不想使用視口高度作為單位，您還可以使用其他單位，例如像素、em 或 rem。以下是如何使用 .min-h-100 類將元素的最小高度設置為 100 像素的示例代碼： <div class="min-h-100"> <!-- 這裏是您的內容 --> </div>...