Buttons
- btn
- Size: btn-lg btn-sm btn-xs
- Color: btn-default btn-primary btn-success btn-info btn-warning btn-danger btn-link
- Mix the two
examples/bootstrap/buttons.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <button>Plain button</button> <button class="btn">btn button</button> <h3>Button Size</h3> <button class="btn btn-lg">Click</button> <button class="btn btn-sm">Click</button> <button class="btn btn-xs">Click</button> <h3>Button level (?) option (?) color (?)</h3> <button class="btn btn-default">btn btn-default</button> <button class="btn btn-primary">btn btn-primary</button> <button class="btn btn-success">btn btn-success</button> <button class="btn btn-info">btn btn-info</button> <button class="btn btn-warning">btn btn-warning</button> <button class="btn btn-danger">btn btn-danger</button> <button class="btn btn-link">btn btn-link</button> <h3>Mix</h3> <button class="btn btn-xs btn-danger">btn btn-xs btn-danger</button> <button class="btn btn-lg btn-success">btn btn-lg btn-success</button> <h2>Link</h3> <div><a href="/">regular</a></div> <div><a href="/" class="btn">btn</a></div> <div><a href="/" class="btn btn-primary">btn btn-primary</a></div> <div><a href="/" class="btn btn-success btn-lg">btn btn-success btn-lg</a></div> </div> </div> </div> </body> </html>