gpt4 book ai didi

Bulma:面板内的字段宽度较短

转载 作者:行者123 更新时间:2023-12-04 17:45:59 27 4
gpt4 key购买 nike

当我在面板内添加字段控件时,它的输入宽度较短。我尝试了很多但无法使输入全宽。下面是我的代码示例和结果图像。

<div class="panel">
<p class="panel-heading">
School Data
</p>
<div class="panel-block">
<div class="field">
<label class="label">Name</label>
<div class="control">
<input class="input" type="text" placeholder="Text input">
</div>
</div>
</div>
<div class="panel-block">
<button class="button is-link">
Save
</button>
</div>
</div>

enter image description here

如何使输入字段全宽?

最佳答案

面板没有.field类。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">

<div class="panel">
<p class="panel-heading">
School Data
</p>
<div class="panel-block">
<div class="control">
<label class="label">Name</label>
<input class="input" type="text" placeholder="Text input">
</div>
</div>
<div class="panel-block">
<button class="button is-link">
Save
</button>
</div>
</div>

Bulma - Panel

关于Bulma:面板内的字段宽度较短,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48583506/

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