将页面添加到单页Bootstrap网站?

时间:2016-04-27 08:06:16

标签: html twitter-bootstrap

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

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

我们(开发人员)经常将其称为SAP (Single Page Application),并且有许多框架可以帮助您不要从头开始,请将AngularJs视为其中之一...... #39;是我用于此目的的那个,但还有其他像emberjsreact

答案 2 :(得分:0)

可以这样做,但就像它说的那样 - 这是一个非常普遍的问题。

<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>

答案 3 :(得分:0)

您可以从下载一些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>