为什么我的网站页面中有一些文字隐藏在navbar（bootstrap）后面？

Question

我只是尝试了解bootstrap，我将我的代码写入类型php文件，如下所示：

swift

当我测试预览时

为什么我的导航栏标题后面有一些文字（＆＃39; Bootstrap入门模板＆＃39;）hiiden？有什么帮助吗？

Answer 1

这是因为您CSS的{​​{1}}位置。

您可以像这样添加navbar navbar-static-top：

navbar

或者您可以在<nav class="navbar navbar-default navbar-static-top"> margin-bottom课程中添加一些navbar。

<强>更新

在您的情况下，您可以替换

CSS

与

<style>
    padding-top: 70px;
</style>

或将保证金添加到您的自定义<style> .navbar{ margin-bottom: 50px !important; } </style> 类。

Answer 2

尝试删除navbar-fixed-bottom。这解决了我的问题

Answer 3

只需在身体顶部添加一些填充物即可解决您的问题。

尝试添加：

<style>  
body {
padding-top: 60px;
}
</style>

Answer 4

只需移除Stick-top即可，它是相对属性。 移除Stick top可以解决我的问题。