<
html
>
<
head
>
<
title
>Bulma Select</
title
>
<
link
rel
=
'stylesheet'
href
=
<
style
>
div.columns{
margin-top: 80px;
}
div.select{
margin-bottom :3px;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
'container'
>
<
div
class
=
'columns is-mobile is-centered'
>
<
div
class
=
'column is-5'
>
<
div
class
=
"select is-rounded is-primary"
>
<
select
>
<
option
>Todos</
option
>
<
option
>
Design a custom database to
store your daily activity
</
option
>
<
option
>
Start your E-commerce project to build
</
option
>
</
select
>
</
div
>
<
div
class
=
"select is-rounded is-link"
>
<
select
>
<
option
>Todos</
option
>
<
option
>
Design a custom database to
store your daily activity
</
option
>
<
option
>
Start your E-commerce project to build
</
option
>
</
select
>
</
div
>
<
div
class
=
"select is-rounded is-info"
>
<
select
>
<
option
>Todos</
option
>
<
option
>
Design a custom database to
store your daily activity
</
option
>
<
option
>
Start your E-commerce project to build
</
option
>
</
select
>
</
div
>
<
div
class
=
"select is-rounded is-success"
>
<
select
>
<
option
>Todos</
option
>
<
option
>
Design a custom database to
store your daily activity
</
option
>
<
option
>
Start your E-commerce project to build
</
option
>
</
select
>
</
div
>
<
div
class
=
"select is-rounded is-warning"
>
<
select
>
<
option
>Todos</
option
>
<
option
>
Design a custom database to
store your daily activity
</
option
>
<
option
>
Start your E-commerce project to build
</
option
>
</
select
>
</
div
>
<
div
class
=
"select is-rounded is-danger"
>
<
select
>
<
option
>Todos</
option
>
<
option
>
Design a custom database to
store your daily activity
</
option
>
<
option
>
Start your E-commerce project to build
</
option
>
</
select
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>