Bootstrap Outline Buttons


	<div class="container">
	<div class="row">
        <br>
            <h2>Outline Buttons</h2>
            <p>Add the class <code>.btn-outline</code> to any Bootstrap button style.</p>
    	    <a class="btn btn-primary btn-outline">Primary Button</a>
            <a class="btn btn-success btn-outline">Success Button</a>
            <a class="btn btn-warning btn-outline">Warning Button</a>
            <a class="btn btn-danger btn-outline">Danger Button</a>
            <a class="btn btn-default btn-outline">Default Button</a>
            <br>
            <br>
            <h3>Button Sizes</h3>
            <a class="btn btn-primary btn-outline btn-lg">Large Button</a>
            <a class="btn btn-success btn-outline btn-sm">Small Button</a>
            <a class="btn btn-danger btn-outline btn-xs">Extra Small Button</a>
        
	</div>
</div>
	<script type="text/javascript">
	
	</script>

    .btn-default.btn-outline {
  @include button-variant($btn-default-bg, transparent, $btn-default-bg);
}

.btn-primary.btn-outline {
  @include button-variant($btn-primary-bg, transparent, $btn-primary-bg);
}

.btn-success.btn-outline {
  @include button-variant($btn-success-bg, transparent, $btn-success-bg);
}

.btn-info.btn-outline {
  @include button-variant($btn-info-bg, transparent, $btn-info-bg);
}

.btn-warning.btn-outline {
  @include button-variant($btn-warning-bg, transparent, $btn-warning-bg);
}

.btn-danger.btn-outline {
  @include button-variant($btn-danger-bg, transparent, $btn-danger-bg);
}