如何让一个bulma按钮全宽?

时间:2017-01-06 12:51:26

标签: css css-frameworks bulma

我正在使用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>
...

结果如下

enter image description here

如何让按钮全宽?

2 个答案:

答案 0 :(得分:53)

添加课程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>

答案 1 :(得分:2)

is-fullwidth,id对我不起作用,但是 is-overlay做到了!