tweak formatting of additional migration notes

getting-started.html

@@ -634,14 +634,14 @@ bootstrap/
     <ul>
       <li><code>.input-*</code> are 100% width. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li>
       <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes</li>
-      <li><code>.btn</code> must also use <code>.btn-default</code> to get the 'default' button</li>
+      <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button</li>
       <li><code>.container</code> and <code>.row</code> are now fluid (percentage-based)</li>
-      <li>Images are not responsive by default. Use <code>.img-responsive</code> for fluid IMG size</li>
+      <li>Images are not responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size</li>
       <li>The icons, now <code>.glyphicon</code> are in a separate CSS file.</li>
-      <li>Include <code>.glyphicon</code> base class in all icons (ie: <code>.glyphicon .glyphicon-asterisk</code>).</li>
+      <li>Include <code>.glyphicon</code> base class in all icons (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li>
       <li>Typeahead has been dropped, in favor of using <a href="http://twitter.github.io/typeahead.js/">Twitter Typeahead</a>.</li>
       <li>Modal markup has changed <code>.modal-header</code> <code>.modal-body</code> <code>.modal-footer</code> now get wrapped in <code>.modal-content</code> and <code>.modal-dialog</code></li>
-      <li>Events are namespaced. For example to handle the modal 'show' event, use <code>'show.bs.modal'</code>. For tabs 'shown' use <code>'shown.bs.tab'</code>, etc..</li>
+      <li>Events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc..</li>
     </ul>
 
      <div class="bs-callout bs-callout-info">