demo(popover): fixed button styling for bootstrap 3

Author: Justin Hall

src/popover/docs/demo.html

@@ -2,29 +2,41 @@
   <div class="well">
     <div>
       <h4>Dynamic</h4>
-      <div>Dynamic Popover : <input type="text" ng-model="dynamicPopoverText"></div>
-      <div>Dynamic Popover Popup Text: <input type="text" ng-model="dynamicPopover"></div>
-      <div>Dynamic Popover Popup Title: <input type="text" ng-model="dynamicPopoverTitle"></div>
-      <div><button popover="{{dynamicPopover}}" popover-title="{{dynamicPopoverTitle}}" class="btn">{{dynamicPopoverText}}</button></div>
+      <form role="form">
+        <div class="form-group">
+          <label>Dynamic Popover </label>
+          <input type="text" ng-model="dynamicPopoverText" class="form-control">
+        </div>
+        <div class="form-group">
+          <label>Dynamic Popover Popup Text</label>
+          <input type="text" ng-model="dynamicPopover" class="form-control">
+        </div>
+        <div class="form-group">
+          <label>Dynamic Popover Popup Title:</label>
+          <input type="text" ng-model="dynamicPopoverTitle" class="form-control">
+        </div>
+        <button popover="{{dynamicPopover}}" popover-title="{{dynamicPopoverTitle}}" class="btn btn-info">{{dynamicPopoverText}}</button>
+      </form>
     </div>
     <div>
       <h4>Positional</h4>
-      <button popover-placement="top" popover="On the Top!" class="btn">Top</button>
-      <button popover-placement="left" popover="On the Left!" class="btn">Left</button>
-      <button popover-placement="right" popover="On the Right!" class="btn">Right</button>
-      <button popover-placement="bottom" popover="On the Bottom!" class="btn">Bottom</button>
+      <button popover-placement="top" popover="On the Top!" class="btn btn-info">Top</button>
+      <button popover-placement="left" popover="On the Left!" class="btn btn-info">Left</button>
+      <button popover-placement="right" popover="On the Right!" class="btn btn-info">Right</button>
+      <button popover-placement="bottom" popover="On the Bottom!" class="btn btn-info">Bottom</button>
     </div>
     <div>
       <h4>Triggers</h4>
-      <button popover="I appeared on mouse enter!" popover-trigger="mouseenter" class="btn">Mouseenter</button>
+      <button popover="I appeared on mouse enter!" popover-trigger="mouseenter" class="btn btn-info">Mouseenter</button>
+      <hr>
       <input type="text" value="Click me!" 
         popover="I appeared on focus! Click away and I'll vanish..." 
-        popover-trigger="focus" />
+        popover-trigger="focus" class="form-control">
     </div>
     <div>
       <h4>Other</h4>
-      <button Popover-animation="true" popover="I fade in and out!" class="btn">fading</button>
-      <button popover="I have a title!" popover-title="The title." class="btn">title</button>
+      <button Popover-animation="true" popover="I fade in and out!" class="btn btn-info">fading</button>
+      <button popover="I have a title!" popover-title="The title." class="btn btn-info">title</button>
     </div>
   </div>
 </div>