sample example activate

This commit is contained in:
Ashley Blewer 2015-11-18 14:42:33 -08:00
parent c79f71b5e7
commit acdb92a4ac
2 changed files with 5 additions and 5 deletions

View File

@ -14,12 +14,12 @@ div {
color: white; color: white;
} }
.btn { span .btn {
margin: 8px; margin: 8px;
} }
/* Bubble Float Top */ /* Bubble Float Top */
.btn { span .btn {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
@ -33,7 +33,7 @@ div {
-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; transition-duration: 0.3s;
} }
.btn:before { span .btn:before {
content: "\f1c8"; content: "\f1c8";
position: absolute; position: absolute;
left: 1em; left: 1em;
@ -48,7 +48,7 @@ div {
-webkit-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; transition-timing-function: ease-out;
} }
.btn:hover:before, .btn:focus:before, .btn:active:before { span .btn:hover:before, span .btn:focus:before, span .btn:active:before {
-webkit-transform: scale(1.3) translateZ(0); -webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0);
} }

View File

@ -41,7 +41,7 @@
<h5>Select from the following.</h5> <h5>Select from the following.</h5>
<!-- sample example --> <!-- sample example -->
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Displays information about a media file" data-target=".example">Sample example</button> <span data-toggle="modal" data-target=".example"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Displays information about a media file">Sample example</button></span>
<!-- Change the above data-target field, the button text, and the below div class (the word after modal fade) --> <!-- Change the above data-target field, the button text, and the below div class (the word after modal fade) -->
<div class="modal fade example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal fade example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">