Create block level button with Bootstrap

To create a block level button, use the .btn-block class.

You can try to run the following code to add a block level button −


Live Demo

<!DOCTYPE html>
      <title>Bootstrap Example</title>
      <meta name = "viewport" content = "width=device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "">
      <script src = ""></script>
      <script src = ""></script>
      <p>The following are block level buttons:</p>
      <button type = "button" class = "btn btn-primary btn-lg btn-block">
         Block level Primary button
      <button type = "button" class = "btn btn-default btn-lg btn-block">
         Block level button