Bootstrap spinner与其他UI组件的搭配

Bootstrap Spinner 是一个内置的 CSS 动画，用于在加载过程中显示一个简单的旋转动画。它可以与其他 UI 组件搭配使用，以增强用户体验。以下是一些建议的搭配：

1. 与按钮搭配：

  
  正在加载...

2. 与表单控件搭配：

  邮箱地址
  
  

3. 与卡片组件搭配：

  

    
卡片标题
    
这是一个简单的卡片示例，其中包含一个旋转动画。
    点击我
    
  

4. 与警告框组件搭配：

  警告！ 这是一个警告框，其中包含一个旋转动画。请谨慎操作。
  

5. 与模态框组件搭配：

  

    

      

        
模态框标题
        
          ×
        
      
      

        这是一个模态框，其中包含一个旋转动画。
        
      
      

        关闭
        保存
      
    
  

在这些示例中，我们使用了 Bootstrap 的禁用样式（disabled）以及 aria-hidden="true" 属性来隐藏旋转动画，以便在相关控件处于加载状态时提供更好的用户体验。