gpt4 book ai didi

bulma - 使用 Bulma CSS 在表单中并排放置两个输入的最佳方法是什么?

转载 作者:行者123 更新时间:2023-12-03 18:37:03 26 4
gpt4 key购买 nike

我刚刚开始使用 Bulma 来设计我的网站,并且很难确定该框架是否支持并排放置两个表单字段。最好的例子是用户的名字和姓氏。

Bulma's form group看起来很有希望,但如果您想要两个单独的字段,它似乎不起作用。

我也开始使用网格( columnscolumn 类)但它的间距变得困惑。

这是我想要做的(名字和姓氏部分):

enter image description here

最佳答案

您可以使用 Bulma responsive helpers .

<div class="field-group">
<div class="field is-inline-block-desktop">
<label class="label">First Name</label>
<div class="control">
<input class="input" type="text" placeholder="e.g Alex">
</div>
</div>

<div class="field is-inline-block-desktop">
<label class="label">Last Name</label>
<div class="control">
<input class="input" type="text" placeholder="e.g Smith">
</div>
</div>
</div>

Example fiddle

编辑:
刚刚通过官方文档,建议在字段容器上使用“is-horizo​​ntal 修饰符”。

查看更多 here .

关于bulma - 使用 Bulma CSS 在表单中并排放置两个输入的最佳方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58244610/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com