📜  bootstrap 3 btn 大小 (1)

📅  最后修改于: 2023-12-03 15:29:38.480000             🧑  作者: Mango

Bootstrap 3按钮尺寸

Bootstrap是一个流行的开源框架,用于开发Web应用程序。它提供了许多实用的组件,其中之一就是按钮。

在Bootstrap中,有四种按钮大小: 大、默认、小和迷你。下面将对它们进行详细介绍。

大按钮

大按钮是由.btn-lg类定义的。它比默认按钮要大一些,更适合于需要引起注意的操作。

<button class="btn btn-lg btn-primary">Large button</button>
默认按钮

默认按钮是没有特殊类的按钮。它是最为常见的大小,适合大多数按钮。

<button class="btn btn-primary">Default button</button>
小按钮

小按钮是由.btn-sm类定义的。它比默认按钮要小一些,适合于比较次要的操作。

<button class="btn btn-sm btn-primary">Small button</button>
迷你按钮

迷你按钮是由.btn-xs类定义的。它是最小的按钮大小,适合于紧凑的区域。

<button class="btn btn-xs btn-primary">Mini button</button>

总之,Bootstrap提供了多个按钮大小,您可以根据需求选择适当的大小。