add button with icons demo in ui/buttons

This commit is contained in:
REJack 2020-09-23 08:13:56 +02:00
parent fd734c977a
commit 0c91826f12

View file

@ -1287,6 +1287,26 @@
<!-- ./row -->
<div class="row">
<div class="col-md-6">
<!-- Buttons with Icons -->
<div class="card">
<div class="card-header">
<h3 class="card-title">Buttons with Icons</h3>
</div>
<div class="card-body row">
<div class="col-md-6">
<button type="button" class="btn btn-primary btn-block"><i class="fa fa-bell"></i> .btn-block</button>
<button type="button" class="btn btn-info btn-block btn-flat"><i class="fa fa-bell"></i> .btn-block .btn-flat</button>
<button type="button" class="btn btn-danger btn-block btn-sm"><i class="fa fa-bell"></i> .btn-block .btn-sm</button>
</div>
<div class="col-md-6">
<button type="button" class="btn btn-outline-primary btn-block"><i class="fa fa-bell"></i> .btn-block</button>
<button type="button" class="btn btn-outline-info btn-block btn-flat"><i class="fa fa-book"></i> .btn-block .btn-flat</button>
<button type="button" class="btn btn-outline-danger btn-block btn-sm"><i class="fa fa-book"></i> .btn-block .btn-sm</button>
</div>
</div>
</div>
<!-- /.card -->
<!-- Block buttons -->
<div class="card">
<div class="card-header">