将面板对准中心并使用bootstrap和css更改其标题和正文颜色

Question

我有这个网站我正在设计学校项目的目的，我想使用手风琴面板我在w3schools上找到了这个代码，但我想改变它的外观和位置一点点。这是我到目前为止所得到的：

但我希望这些手风琴面板与网站的中心对齐，我想将其标题的颜色更改为导航栏的相同颜色，可能会改变它们的颜色。也许还需要字体颜色来查看文本。 mij Navbar中的项目也是居中但有点偏离，我如何将它们调整到中间位置？这是我到目前为止导航栏项目的.css代码：

  #myNavbar {
  text-align: center;
}
.navbar-nav {
  vertical-align: top;
  display: inline-block;
  float: none;
}

Answer 1

要将手风琴面板与页面中心对齐，您可以使用自举网格系统。引导网格系统是一种使页面响应的强大方法。

查看bootstrap page - grid option。你需要一点时间来解决它，但我可以节省你很多时间。 youtube上还有一些关于网格系统用法的教程。