Andrea's Hello world

 [html] part

<td>
    <button type="button" class="btn btn-sm btn-outline-primary" data-id="@Model.ElementAt(i).ID" data-target="#divResult" data-toggle="modal">
         <span class="glyphicon glyphicon-search"></span>
     </button>
</td>

 

 

[css] part

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;    ---shape of sqare
    font-size: 0.765625rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-outline-primary {
    color: #325D88;
    border-color: #325D88;
}

    .btn-outline-primary:hover {
        color: #fff;                               ---color of search sign while hover
        background-color: #325D88;    ---color of bg while hover
        border-color: #325D88;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #325D88;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #325D88;
        border-color: #325D88;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(50, 93, 136, 0.5);
        }