Bootstrap 4 Buttons

<?php include 'header.php' ?>

<div class="container-fluid">

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-success">Success</button>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<a href="#" class="btn btn-success" role="button">Google</a>
<input type="button" class="btn btn-info" value="Input Button">

</div>

<?php include 'footer.php' ?>

Button will spawn whole width

<?php include 'header.php' ?>

<div class="container-fluid">

<button type="button" class="btn btn-primary btn-block">Primary</button>
<button type="button" class="btn btn-secondary btn-block">Secondary</button>
<button type="button" class="btn btn-info btn-block">Info</button>
<button type="button" class="btn btn-warning btn-block">Warning</button>
<button type="button" class="btn btn-danger btn-block">Danger</button>
<button type="button" class="btn btn-dark btn-block">Dark</button>
<button type="button" class="btn btn-success btn-block">Success</button>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<button class="btn btn-primary btn-lg">
	<span class="spinner-grow spinner-grow"></span>
	Thing is loading...
</button>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<button class="btn btn-primary btn-lg">
	<span class="spinner-border spinner-border-lg"></span>
	Thing is loading...
</button>

</div>

<?php include 'footer.php' ?>