Question

我当前的导航栏是：

<nav class="navbar navbar-inverse">
            <div class="container">
                    <ul class="nav navbar-nav">
                        <li><a href="">page 1</a></li>
                        <li><a href="">page 2</a></li>
                        <li><a href="">page 3</a></li>
                    </ul>
            </div> 
</nav>

我如何做到这一点，即使没有足够的内容来推动＆＃34;它下来，它在底部？ navbar-fixed-bottom不起作用，因为它与内容重叠，如果它到达底部。

Answer 1

这就是“固定”的作用，它位于不在其下方的其他元素的前面。只需在页面底部放置几个空白行，或者更好，在页面容器中添加CSS template <typename T> class Base { public : virtual void init( T t ) = 0; }; class A: public Base<T> { public: T a1; void init( T t ) { a1 = t;} } class B: public Base<T> { public: T b1; void init( T t ) { b1 = t;} }。

以下是一个示例，将填充值调整为您想要的值：

padding-bottom

.page-container {
  padding-bottom: 200px;
}

Bootstrap 4粘底导航栏

1 个答案: