add an alert-inline class to render bootstrap alerts with

<!DOCTYPE html>
<html>

  <head>
    <link data-require="bootstrap-css@3.2.0" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div class="alert alert-success alert-inline" role="alert">Well done!</div>
    <div class="alert alert-info alert-inline" role="alert">Heads up!</div>
    <div class="alert alert-warning alert-inline" role="alert">Warning!</div>
    <div class="alert alert-danger alert-inline" role="alert">Oh snap!</div>
  </body>

</html>

// Code goes here

/* Styles go here */

.alert-inline {
  display: inline-flex;
}