Question

我用Bootstrap 4编写了以下代码。在下图中我描述了我想要实现的目标。谢谢！

    <style>
        div.jumbotron {
            background: #458392 url("img/banner.jpg") no-repeat right;
        }

        nav.navbar {
            background: rgba(69, 131, 146, 0.4);
        }
    </style>

<body>

<nav class="navbar navbar-toggleable-sm navbar-inverse">
  /*some code*/
</nav>

<div class="jumbotron jumbotron-fluid text-white">
  /*some code*/
</div>

</body>

Answer 1

如果我做对了，你需要将导航栏放在横幅上。目前它们只是彼此相邻。尝试调整位置 - 绝对或固定。

如何通过透明导航栏显示横幅图像？

1 个答案: