主页 / computer / 问题 / 1598330
Accepted
David Spector
Asked: 2020-10-30 13:00:19 +0800 CST

Bootstrap 4：如何在没有 CSS 的情况下包含背景图像

  • 772

Bootstrap 定义了 CSS 类以涵盖最常见的网站设计元素，但我不知道如何使用 Bootstrap 类指定背景图像文件而不添加笨重的自定义 CSS。

css

1 个回答

  1. Best Answer

    您必须提供 background-image:url(''); 属性使用样式来提供图像的路径，您可以使用 .bg-image 类使图像响应。
    你可以这样做：
    通过内联 CSS 添加背景图像。
    添加 .bg-image 类以正确缩放图像并启用响应能力。
    例子：

    <div class="bg-image" 
     style="background-image: url('https://i.postimg.cc/ZnHTP71s/aircraft-airplane-boat-1575833.jpg');
            height: 100vh">
</div>

    vh 代表视口高度。
    这里的 height:100vh 表示可用高度的 100%。

    • 1

相关问题