Book Image

Bootstrap Site Blueprints Volume II

By : Matt Lambert
Book Image

Bootstrap Site Blueprints Volume II

By: Matt Lambert

Overview of this book

Bootstrap is the most popular open source project on GitHub today. With a little bit of know-how, this massively popular CSS framework can leveraged for any type of complex web application or website. Bootstrap Site Blueprints Volume II will teach you to build these types of projects in an easy-to-understand fashion. The key to any complex Bootstrap project is a strong development foundation for your project. The book will first teach you how to build a Bootstrap development environment using Harp.js, Node, and Less. In the next chapters, we’ll build on this foundation by creating restaurant and mobile-first aggregator projects. Once you’re warmed up, we’ll move on to more complex projects such as a wiki, a new magazine, a dashboard, and finally a social networking website. Whether you are brand new to Bootstrap or a seasoned expert, this book will provide you with the skills you need to successfully create a number of popular web applications and websites.
Table of Contents (14 chapters)
Bootstrap Site Blueprints Volume II
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Building our development environment


In the first chapter, we kept our Harp.js development environment pretty basic. We did this because we want to be able to use it as a boilerplate for all our projects. The first thing that we need to do in this chapter is expand on our original work to customize and extend it for our restaurant website.

Adding more pages

Now, the first thing we should do is update _data.json with all the new pages that we'll be building for our restaurant website. Along with our home page, let's add three new pages: Menu, About, and Contact. Our file should look like this:

{
  "index": {
    "pageTitle": "Home"
  },
  "menu": {
    "pageTitle": "Menu"
  },
  "about": {
    "pageTitle": "About"
  },
  "contact": {
    "pageTitle": "Contact"
  }
}

As you can see, I've added three new sections to our JSON file. Make sure you name your files to match the first part. Then, I've defined a pageTitle value for each page. Save the file and close it.

Note

The _harp.json doesn't require...