小编mle*_*egg的帖子

这是我第一次使用Bootstrap 4 beta.我有一个慈善团体网站,我现在在BS3中制作并运行.我正在使用固定的顶部导航栏和自定义CSS.当网站查看较小而不是全屏时,切换图标不会显示.你能帮助我吗？我希望它像导航链接一样是白色的,并且悬停会更改要读取的链接.这是头部链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">    
<!-- Custom styles for this template -->
<link href="css/custombs4.css" rel="stylesheet"> `

js代码链接在页面底部

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

这是我的代码.

/* Navbar */

.navbar-custom {
    background-color: #3193de;
}


/* change the brand and text color */

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    text-decoration: none; color: #fff;
}


/* change the link color */

.navbar-custom .navbar-nav .nav-link {
   text-decoration: none; color: #fff;
}


/* change the color of active …

我使用Bootstrap 4 Beta 进行了测试。导航栏有一个下拉菜单。在笔记本电脑上以全屏模式正常工作，但在iPhone上查看时，下拉列表显示9个下拉链接中的7个。这是Bootstrap中的错误还是我该如何解决？这是我的html，我遗漏了一些不相关的内容。这里有一个

/* Navbar */

#primary-navbar {
  background: #CDEBED;
  margin-bottom: 0;
}
/* we overwrite the default navbar style from Bootstrap */
nav.navbar {
  background: #CDEBED;
  font-size:18px;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  min-height: 34px;
  white-space: nowrap;
}
/* The toggle unit (there is more stuff in there..) */
.navbar-header .navbar-toggle {
  border: 0;
}
.navbar-header .navbar-toggle span.icon-bar {
  background: #004289;
}
.navbar-header .navbar-toggle:hover span.icon-bar {
  background: #004289;
}
/* The Logo/Start Button on mobile devices …

我使用 Bootstrap 4 重新制作了一个页面，但似乎无法弄清楚为什么页脚背景颜色没有显示。页面在这里

.footer {
  width: 100%;
  font-size: 1.5rem;
  text-align: center;
  overflow: visible;
  color: #004289;
  font-weight: bold;
  height: 2rem;
  background-color: #CFFEEE;
}	

<footer class="footer">
<div class="container">
<div class="text-center">Copyright &copy; <script>document.write(new Date().getFullYear());</script> The Driftwood</div>
</div>
</footer>

我想我的大脑正在为一些本应如此简单的事情而爆炸。谢谢编辑：在下面的运行代码片段管理器中看起来我想要的样子。如果您需要更多代码，请询问或查看实时页面。这就是我所看到的

在头部部分，我链接到 BS css 和我的自定义 css，如下所示

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link href="dist/css/custom-bs4.css" rel="stylesheet">