bootstrap按钮样式有哪些

Bootstrap按钮概述

Bootstrap是一个强大的前端框架，它提供了许多UI组件，其中包括多个按钮样式，可以使您快速轻松地为Web应用程序或网站创建漂亮的用户界面。Bootstrap的按钮插件提供了一种标准化的方法来渲染按钮，以便在不同平台和浏览器中实现跨浏览器兼容性。Bootstrap按钮样式有四种：基础按钮、轮廓按钮、按钮组和按钮工具栏。

  
    
    Button
    
    
    Button
    
    
    

      Button
      Button
      Button
    

    
    

      

        Button
        Button
      
      

        Button
        Button
        Button
      
      

        Button
      
    
  

基础按钮样式

基础按钮是最基本的按钮样式，只需添加 class="btn" 和一些色调类（如 btn-primary）即可创建一个基础按钮。这些色调类可以控制按钮的背景颜色和文本颜色。

  
    Button
    Primary Button
    Secondary Button
    Success Button
    Danger Button
    Warning Button
    Info Button
    Light Button
    Dark Button
  

轮廓按钮样式

轮廓按钮默认是空心的，只有边框，需要添加 class="btn btn-outline-*" 和色调类（如 btn-outline-primary）来创建轮廓按钮。与基础按钮相比，轮廓按钮看起来更加简洁，适合用于次要操作或者作为基础按钮的配合使用。

  
    Primary Button
    Secondary Button
    Success Button
    Danger Button
    Warning Button
    Info Button
    Light Button
    Dark Button
  

按钮组和按钮工具栏

按钮组和按钮工具栏是用于组合多个按钮的Bootstrap组件，可以实现多个功能的布局和逻辑组合。按钮组包含一组相互独立但相关的操作，而按钮工具栏是多个相关按钮组的集合。

  
    
    

      Button
      Button
      Button
    

    
    

      

        Button
        Button
      
      

        Button
        Button
        Button
      
      

        Button