将页面添加到单页 Bootstrap 网站？ [关闭]答案

【问题标题】：Adding pages to a single page Bootstrap website? [closed]将页面添加到单页 Bootstrap 网站？ [关闭]
【发布时间】：2016-04-27 08:06:16
【问题描述】：

将页面添加到单页 Bootstrap 网站的最佳方式是什么？现在我有一个 index.html 页面使用标题菜单和 scrool 块，但我需要添加外部页面。

【问题讨论】：

标签： html twitter-bootstrap

【解决方案1】：

这是一个非常笼统的问题。例如，您可以使用按钮导航到另一个站点。

<a class="btn btn-large btn-info" href="another.html">Click me!</a>

【讨论】：

【解决方案2】：

这就是我们（开发人员）通常所说的SAP (Single Page Application)，并且有许多框架可以帮助您不要从头开始，请参阅AngularJs 作为其中之一......这是我用于此目的的那个，然而，还有其他类似emberjs、react

【讨论】：

【解决方案3】：

你可以先下载一些 twitter Bootstrap 模板。例如来自：

http://startbootstrap.com/

看看它是如何组织的。熟悉这些案例并尝试使用 Angular (javascript)、Symfony2 (PHP) 等框架或使用 PHP 实现自己的 MVC 架构后：

How to implement MVC from scratch in PHP?

但是你需要练习。一开始，你可以这样做：

/-- Root
--------- index.html
--------- page2.html

并从您的索引中链接到page2.html，如下所示：<a href="page2.html">Page 2 !</a>

【讨论】：

【解决方案4】：

可以这样做，但就像人们所说的那样 - 这是一个非常笼统的问题。

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="contact.html">Contact</a></li>
   </ul>
  </div>
</nav>

【讨论】：