html - 同一行上的两个输入按钮

Question

我想让两个按钮在同一行上。

有什么建议吗？

<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Please login your account...</h3>
                </div>
                <div class="panel-body">

                    <form action="" method="post" role="form" class="form-horizontal">

                    <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px;" type="submit" name="commit" value="Sign In"><input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px;" type="submit" name="commit" value="Sign In">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

fiddle : http://jsfiddle.net/a65oc6f3/

Answer 1

您不希望两个按钮都具有 100% 的宽度，试试这个:

<div class="container">
<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <div class="panel panel-default">
            <div class="panel-heading">
                    <h3 class="panel-title">Please login your account...</h3>

            </div>
            <div class="panel-body">
                <form action="" method="post" role="form" class="form-horizontal">
                    <input class="btn btn-primary" style="margin-top:.75em;width: 50%; height: 32px; font-size: 13px; float:left" type="submit" name="commit" value="Sign In">
                    <input class="btn btn-primary" style="margin-top:.75em;width: 50%; height: 32px; font-size: 13px" type="submit" name="commit" value="Sign In">
                </form>
            </div>
        </div>
    </div>
</div>

fiddle :here