How can I make a bulma button goes full width?
31,645
Solution 1
Add the 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>
Solution 2
is-fullwidth
did not work for me, but
is-overlay
did!
Author by
ira
Just a ツ coder who loves music 🎵, astronomy 🔭 and engineering ⚙️
Updated on October 31, 2020Comments
-
ira over 3 years
I am using [email protected] css framework
I have submit button within a form as follows
... <!--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> ...
The result is the following
How can I make the button goes full-width ?