我怎样才能让布尔玛按钮全宽？

Question

我正在使用 bulma@0.3.0 css 框架

我在表单中有如下提交按钮

...
<!--Submit button-->
<div class="columns">
    <div class="column is-full">
        <button type="submit" class="button is-primary">
            <span class="icon"><i class="fa fa-sign-in"></i></span>
            <span>Login</span>
        </button>
    </div>
</div>
...

结果如下

如何让按钮变成全角？

Answer 1

添加 class is-fullwidth

<button type="submit" class="button is-primary is-fullwidth">
      <span class="icon"><i class="fa fa-sign-in"></i></span>
      <span>Login</span>
</button>

Answer 2

is-fullwidth 对我不起作用，但是 is-overlay 做到了！

我怎样才能让布尔玛按钮全宽？

How can I make a bulma button goes full width?

css

css-frameworks

bulma