如何在 Bootstrap 中创建块级按钮？

在许多网站中，我们注意到有大块级按钮用于在用户单击它们时执行某些工作。这用于触发某些功能或将用户重定向到不同的链接。块按钮是全宽按钮的响应堆栈。我们将使用以下方法来创建这些类型的按钮。

方法：使用btn类后跟上下文类来在网站上创建按钮。一些btn类是btn-block、btn-lg、btn-primary、btn-success、btn-warning等。 btn-block用于块级按钮和btn-success、 btn-warning 、 和btn-primary用于按钮的绿色、黄色和蓝色。

下面是在 Bootstrap 中实现一个简单的块按钮的过程。

第 1 步：在所有其他样式表之前将 Bootstrap 和 jQuery CDN 包含到 标记中以加载我们的 CSS。

第 2 步：我们将类型添加为按钮并添加类btn、btn-primary、btn-lg和btn-block 。然后我们将编写将在按钮上看到的文本。

  Click Here

例子：

HTML

  

    
    
    
    
    

  

    GeeksForGeeks
    
    Block Button
    
    
        Click Here
    

  

输出：