web-dev-qa-db-ja.com

ブルマボタンを全幅にするにはどうすればよいですか?

私は [email protected]. css frameworkを使用しています

次のようにフォーム内に送信ボタンがあります

...
<!--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

ボタンを全角にするにはどうすればよいですか?

21
ira

クラスを追加します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>
58
Manuel Obregozo

is-fullwidth、idが機能しませんが、is-overlay 、 した!

2
Pauls Bebris