Step 3

Bootstrap is primarily used for the following utilities:

  1. Tens of built-in components commonly used for building websites such as navbars and menus.

  2. Container and grid system to lay out the components in a responsive way.

In this context, responsive means (dynamically) adjust the layout (and styling), so the web page renders well on any device or screen size. Read more about it in this Wikipedia entry.

We will use both of these utilities in our application. To start with, let's add three buttons to the page:

<body>
  <button>Rock</button>
  <button>Paper</button>
  <button>Scissors</button>
</body>

Save the file and open it in a browser:

Notice how the buttons are bleeding into the edge of the page. Let's fix this issue in the next step.

Resources