开发者社区> 问答> 正文

Bootstrap里按钮的尺寸怎么设置呢?

Bootstrap里按钮的尺寸怎么设置呢?

展开
收起
格格的阿里云 2022-03-30 02:22:30 596 0
1 条回答
写回答
取消 提交回答
  • 按钮式下拉菜单适用所有尺寸的按钮。 实例如图: image.png

    代码如下:

    <! -- Large button group -->
    <div class="btn-group">
      <button class="btn btn-default btn-lg dropdown-toggle" type=" button" data-toggle= "dropdown" aria-haspopup="true" aria-expanded="false">
        Large button <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
    ...
      </ul>
    </div>
    
    <!-- Small button group -->
    <div class="btn-group">
      <button class="btn btn-default btn-sm dropdown-toggle" type="button”data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Small button <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        ...
    
      </ul>
    </div>
    
    <!--Extra small button group -->
    <div class="btn-group">
      <button class="btn btn-default btn-xs dropdown-toggle" type=" button" data-toggle= "dropdown" aria-haspopup="true" aria-expanded="false"">
        Extra small button <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
      ...
      </ul>
    </div>
    
    2022-03-30 02:32:33
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载