Step 6

Let's style the buttons using Bootstap's Button component:

<body>
  <div class="container my-5">
    <div class="row">
      <div class="col">
-       <button>Rock</button>
+       <button class="btn btn-primary btn-lg btn-block">Rock</button>
      </div>
      <div class="col">
-       <button>Paper</button>
+       <button class="btn btn-primary btn-lg btn-block">Paper</button>
      </div>
      <div class="col">
-       <button>Scissors</button>
+       <button class="btn btn-primary btn-lg btn-block">Scissors</button>
      </div>
    </div>
  </div>
</body>

Your rendered HTML page must look like this:

As you have probably noticed, Bootstrap, in a nutshell, is a set of predefined "classes" that we can apply to any element in our HTML document to style it.

CS280 Homepage

Step 6