docs(all): add info about styling cursors for <a> tags

Closes #752
Closes #816

Author: pkozlowski-opensource

misc/demo/assets/demo.css

@@ -69,6 +69,11 @@ section {
     border-top: 1px solid rgba(255,255,255,0.3);
     border-bottom: 1px solid rgba(221,221,221,0.3);
 }
+
+.nav, .pagination, .carousel a {
+    cursor: pointer;
+}
+
 .bs-docs-social-buttons {
     margin-left: 0;
     margin-bottom: 0;

misc/demo/index.html

@@ -156,6 +156,17 @@ <h3>Installation</h3>
                        <code>angular.module('myModule', ['ui.bootstrap']);</code>
                     </p>
                     <p>You can fork one of the plunkers from this page to see a working example of what is described here.</p>
+                    <h3>CSS</h3>
+                    <p>Original Bootstrap's CSS depends on empty <code>href</code> attributes to style cursors for several components (pagination, tabs etc.).
+                       But in AngularJS adding empty <code>href</code> attributes to link tags will cause unwanted route changes.
+                       This is why we need to remove empty <code>href</code> attributes from directive templates and as a result
+                       styling is not applied correctly. The remedy is simple, just add the following styling to your application:
+                       <code>
+                           .nav, .pagination, .carousel a {
+                                cursor: pointer;
+                           }
+                       </code>
+                    </p>
                 </div>
             </div>
         </section>