3. Adding Bootstrap 3 and Other Styling to the Web Application - lynnaloo/fireball GitHub Wiki

Add Bootstrap 3 Package to Meteor.js

meteor add mizzao:bootstrap-3

Edit fireball.html and add Bootstrap 3 css classes to html elements to add styling. Add a dragon image to the game by adding the file to the public folder and adding an html image tag:

<body>
  <div class="container">
    <h1 class="page-header">Feed the Dragon</h1>
    <p><img src="/fireball.png"></p>   

    {{> feed}}
    {{> reset}}
    {{> scores}}
  </div>
</body>

Change the background color of the application by adding a css class to fireball.css:

.background {
  background-color: blue;
}

Then add this background class to fireball.html:

<body class="background">

Make the reset button green by adding the Bootstrap btn-success css class:

<button class="btn btn-success">Reset Game</button>
⚠️ **GitHub.com Fallback** ⚠️