Side by side buttons on list-inset


#1

I’m having a hard time trying to evenly space two buttons horizontally in a form. The form is under a list-inset:

<div class="list list-inset">  <form name="loginForm" novalidate> ...

I tried placing a grid in the form - but that did not work. So - my question is - what would be the best way to horizontally align items in a list/form?

Thanks!


#2

I was able to get the effect I wanted with the item-input-inset:

                    <div class="item item-input-inset">
                        <button class="button button-small">
                            btn 1
                        </button>
                        <button class="button button-small">
                            btn 2
                        </button>
                    </div>

#3

Thank you for sharing!
It helped me.:slightly_smiling: