less fun to address #12008

components.html

@@ -2151,7 +2151,7 @@ body { padding-bottom: 70px; }
         <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
       </div>
       <div class="alert alert-warning">
-        <strong>Warning!</strong> Best check yo self, you're not looking too good.
+        <strong>Warning!</strong> Better check yourself, you're not looking too good.
       </div>
       <div class="alert alert-danger">
         <strong>Oh snap!</strong> Change a few things up and try submitting again.
@@ -2169,13 +2169,13 @@ body { padding-bottom: 70px; }
     <div class="bs-example">
       <div class="alert alert-warning alert-dismissable">
         <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-        <strong>Warning!</strong> Best check yo self, you're not looking too good.
+        <strong>Warning!</strong> Better check yourself, you're not looking too good.
       </div>
     </div>
 {% highlight html %}
 <div class="alert alert-warning alert-dismissable">
   <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-  <strong>Warning!</strong> Best check yo self, you're not looking too good.
+  <strong>Warning!</strong> Better check yourself, you're not looking too good.
 </div>
 {% endhighlight %}
 
@@ -2194,7 +2194,7 @@ body { padding-bottom: 70px; }
         <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
       </div>
       <div class="alert alert-warning">
-        <strong>Warning!</strong> Best check yo self, you're <a href="#" class="alert-link">not looking too good</a>.
+        <strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good</a>.
       </div>
       <div class="alert alert-danger">
         <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.