Bulma Select Sizes

Bulma is a free and open-source CSS framework used to build beautiful and responsive websites. Bulma Select Size classes are used to set the size of the select dropdown. The select element has 4 different sizes: small, normal, medium, and large.

Select Size Classes:

• is-small: This class is used to set the select size to small.
• is-normal: This class sets the select size to normal.
• is-medium: This class is used to set the select size to medium.
• is-large: This class is used to set the select size to large.

Syntax:

<div class="select is-normal">
 <select>
 <option selected>Algorithms</option>
 <option>Data Structures</option>
 </select>
</div>

Example: The below example shows the use of select size classes in Bulma.

Output:

👁 Bulma Select Sizes

Reference: https://bulma.io/documentation/form/select/#sizes