Home » %%sitename%% » Try Bootstrap 3 Buttons

Try Bootstrap 3 Buttons

Code

<!DOCTYPE html>
<html>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
              <h1>Bootstrap 3 buttons</h1>
              <p>I am showing all buttons toogether in this try panel</p>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn">Bootstrap 3 Basic Button</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-default">Bootstrap 3 Default Button</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary">Primary Button</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-success">Success</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-info">Info</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-warning">Warning</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-danger">Danger</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-link">Link</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary btn-lg">Large</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary btn-md">Medium</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary btn-sm">Small</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary btn-sm">Extra Small</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary btn-block">Button 1</button>
            </div>
            <div class="col-md-12">
              <button type="button" class="btn btn-primary btn-disabled">Button 1</button>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>

</html>

Try Bootstrap 3 Buttons

Code

Result