Building a smooth interface with Bootstrap

As a web developer, one of the biggest drains on your time comes from styling your pages. Bootstrap offers an elegant, simple design with enough ready-to-use component styles to get you up and running quickly, without having to get bogged down writing CSS. This recipe will walk you through a few of the Bootstrap component styles and give you a sampling of how easy they are to use.

Getting ready

We will be using the Creating dynamic lists recipe found in this chapter as a baseline for our code.

We will also need to add the official Bootstrap package to our Meteor project using Meteor's package repository. Open a terminal window, navigate to the root folder of your project, and enter the following command:

$ meteor add twbs:bootstrap

Tip

There are other packages that are complementary to the official Bootstrap package. You can find a complete list of these at https://atmospherejs.com/?q=bootstrap.

How to do it…

We will make our title and collection...