fix popover btn

matthiaskleinklein · Jun 4, 2018 · fbc7148 · fbc7148
1 parent 0903d5d
commit fbc7148
Show file tree

Hide file tree

Showing 44 changed files with 300 additions and 128 deletions.
diff --git a/blue_voltage/index.html b/blue_voltage/index.html
@@ -202,8 +202,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -603,7 +603,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/blue_voltage/template2.html b/blue_voltage/template2.html
@@ -197,8 +197,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -598,7 +598,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/blue_voltage/template3.html b/blue_voltage/template3.html
@@ -172,8 +172,8 @@ <h3>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -573,7 +573,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/boldstrap/index.html b/boldstrap/index.html
@@ -202,8 +202,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -603,7 +603,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/boldstrap/template2.html b/boldstrap/template2.html
@@ -197,8 +197,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -598,7 +598,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/boldstrap/template3.html b/boldstrap/template3.html
@@ -172,8 +172,8 @@ <h3>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -573,7 +573,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/bootstrap_purple/index.html b/bootstrap_purple/index.html
@@ -202,8 +202,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -603,7 +603,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/bootstrap_purple/template2.html b/bootstrap_purple/template2.html
@@ -197,8 +197,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -598,7 +598,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/bootstrap_purple/template3.html b/bootstrap_purple/template3.html
@@ -172,8 +172,8 @@ <h3>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -573,7 +573,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/build/partials/components.ejs b/build/partials/components.ejs
@@ -417,7 +417,11 @@
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/darkster/index.html b/darkster/index.html
@@ -211,8 +211,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -612,7 +612,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">

diff --git a/darkster/template2.html b/darkster/template2.html
@@ -197,8 +197,8 @@ <h4 class="card-title text-primary">Consistent</h4>
                     <div class="col-md d-none d-sm-block">
                         <h4>Code Explorer</h4>
                         <p>
-                        Hover over any of the Bootstrap 
-                        components below, and click the 
+                        Just hover over any of the Bootstrap 
+                        components, and click the 
                         <span class="d-inline-block rounded border align-middle pb-1 px-1 small"><small>&lt;&gt;</small></span>
                         to view or copy the HTML markup for that element.
                         </p>
@@ -598,7 +598,11 @@ <h1 class="text-truncate">Heading 1</h1>
                     <br>
                 </div>
                 <div class="col-md-4 text-right">
-                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</div>
+                    <!--
+                    <div class="px-4 p-2 rounded bg-primary text-light" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">
+                        Toggle my popover
+                    </div>-->
+                    <button type="button" class="btn btn-lg btn-primary" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Toggle my popover</button>
                 </div>
                 <div class="w-100 my-4"></div>
                 <div class="col-md-12">