Create a small button with Bootstrap

Use the .btn-sm class in Bootstrap to create a small button.

You can try to run the following code to create button smaller than the default size −


Live Demo

<!DOCTYPE html>
      <title>Bootstrap Example</title>
      <link rel = "stylesheet" href = "">
      <script src = ""></script>
      <script src = ""></script>
      <p>Click below if you want to know the warning message:</p>
      <button type = "button" class="btn btn-warning">Warning</button>
      <p>Click below if you want to know the result:</p>
      <button type="button" class = "btn btn-primary btn-sm">Result</button>

Updated on: 15-Jun-2020

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started