【问题标题】:How can I make a bulma button goes full width?我怎样才能让布尔玛按钮全宽?
【发布时间】:2017-05-21 05:50:49
【问题描述】:

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

结果如下

如何使按钮变为全角?

【问题讨论】:

  • 我认为 is-fullwidth 是你要找的类
  • @ManuelObregozo 是正确的,谢谢

标签: css css-frameworks bulma


【解决方案1】:

添加类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>

【讨论】:

    【解决方案2】:

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

    【讨论】:

    • 这听起来是另一回事。
    • 同样的事情发生在我身上。从.is-fullwidth 的父级中删除is-grouped 为我修复了它。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-12
    • 2012-05-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多