aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/_includes/examples/bootstrap.html
diff options
context:
space:
mode:
Diffstat (limited to 'library/font_awesome/src/_includes/examples/bootstrap.html')
-rw-r--r--library/font_awesome/src/_includes/examples/bootstrap.html111
1 files changed, 111 insertions, 0 deletions
diff --git a/library/font_awesome/src/_includes/examples/bootstrap.html b/library/font_awesome/src/_includes/examples/bootstrap.html
new file mode 100644
index 000000000..0d6c03b8f
--- /dev/null
+++ b/library/font_awesome/src/_includes/examples/bootstrap.html
@@ -0,0 +1,111 @@
+<section id="bootstrap">
+ <h2 class="page-header">Bootstrap 3 Examples</h2>
+ <div class="row">
+ <div class="col-md-3 col-sm-4">
+ <p>
+ <a class="btn btn-danger" href="#">
+ <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i> Delete</a>
+ <a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-cog" aria-hidden="true"></i> Settings</a>
+ </p>
+ <p>
+ <a class="btn btn-lg btn-success" href="#">
+ <i class="fa fa-flag fa-2x pull-left" aria-hidden="true"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
+ </p>
+ <div class="margin-bottom">
+ <div class="btn-group">
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-left" title="Align Left"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-center" title="Align Center"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-right" title="Align Right"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-justify" title="Align Justify"></i>
+ </a>
+ </div>
+ </div>
+ <div class="margin-bottom">
+ <div class="input-group margin-bottom-sm">
+ <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i></span>
+ <input class="form-control" type="text" placeholder="Email address">
+ </div>
+ <div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-key fa-fw" aria-hidden="true"></i></span>
+ <input class="form-control" type="password" placeholder="Password">
+ </div>
+ </div>
+ <div class="margin-bottom">
+ <div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw" aria-hidden="true"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> Edit</a></li>
+ <li><a href="#"><i class="fa fa-trash-o fa-fw" aria-hidden="true"></i> Delete</a></li>
+ <li><a href="#"><i class="fa fa-ban fa-fw" aria-hidden="true"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="fa fa-unlock" aria-hidden="true"></i> Make admin</a></li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+ <div class="col-md-9 col-sm-8">
+ <p>
+ Font Awesome works great with the full range of Bootstrap components.
+ </p>
+{% highlight html %}
+<a class="btn btn-danger" href="#">
+ <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i> Delete</a>
+<a class="btn btn-default btn-sm" href="#">
+ <i class="fa fa-cog" aria-hidden="true"></i> Settings</a>
+
+<a class="btn btn-lg btn-success" href="#">
+ <i class="fa fa-flag fa-2x pull-left" aria-hidden="true"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
+
+<div class="btn-group">
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-left" title="Align Left"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-center" title="Align Center"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-right" title="Align Right"></i>
+ </a>
+ <a class="btn btn-default" href="#">
+ <i class="fa fa-align-justify" title="Align Justify"></i>
+ </a>
+</div>
+
+<div class="input-group margin-bottom-sm">
+ <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
+ <input class="form-control" type="text" placeholder="Email address">
+</div>
+<div class="input-group">
+ <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
+ <input class="form-control" type="password" placeholder="Password">
+</div>
+
+<div class="btn-group open">
+ <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
+ <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+ <span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> Edit</a></li>
+ <li><a href="#"><i class="fa fa-trash-o fa-fw" aria-hidden="true"></i> Delete</a></li>
+ <li><a href="#"><i class="fa fa-ban fa-fw" aria-hidden="true"></i> Ban</a></li>
+ <li class="divider"></li>
+ <li><a href="#"><i class="fa fa-unlock" aria-hidden="true"></i> Make admin</a></li>
+ </ul>
+</div>
+{% endhighlight %}
+ </div>
+ </div>
+</section>