Html 同一行上的两个输入按钮_Html_Css

Html 同一行上的两个输入按钮

html css

Html 同一行上的两个输入按钮,html,css,Html,Css,我想让两个按钮在同一条线上有什么建议吗 <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="panel panel-default"> <div class="panel-heading">

我想让两个按钮在同一条线上

有什么建议吗

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


请登录您的帐户。。。

小提琴：

如果不希望两个按钮都有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>


请登录您的帐户。。。

小提琴：

如果不希望两个按钮都有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>


请登录您的帐户。。。

小提琴：

如果不希望两个按钮都有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>


请登录您的帐户。。。

小提琴：

如果不希望两个按钮都有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>


请登录您的帐户。。。

小提琴：

将两个按钮的宽度设置为50%，或者将它们放在1X2表格中，将表格的宽度设置为100%

设置将两个按钮的宽度设置为50%，或者将它们放在1X2表格中，并将表格的宽度设置为100%

刚刚更新了您的小提琴

第一种方法：

请加上宽度：45%；两个按钮均为非100%和

左缘：5%；按你右边的按钮或

浮动：右边的按钮

第二种方法：

您可以添加行和两列

如果你想在手机上把这些按钮放在一行中，也可以将col-xs-5添加到两个col中比如说

刚刚更新了你的小提琴

第一种方法：

请加上宽度：45%；两个按钮均为非100%和

左缘：5%；按你右边的按钮或

浮动：右边的按钮

第二种方法：

您可以添加行和两列

如果你想在手机上把这些按钮放在一行中，也可以将col-xs-5添加到两个col中比如说

刚刚更新了你的小提琴

第一种方法：

请加上宽度：45%；两个按钮均为非100%和

左缘：5%；按你右边的按钮或

浮动：右边的按钮

第二种方法：

您可以添加行和两列

如果你想在手机上把这些按钮放在一行中，也可以将col-xs-5添加到两个col中比如说

刚刚更新了你的小提琴

第一种方法：

请加上宽度：45%；两个按钮均为非100%和

左缘：5%；按你右边的按钮或

浮动：右边的按钮

第二种方法：

您可以添加行和两列

如果你想在手机上把这些按钮放在一行中，也可以将col-xs-5添加到两个col中比如说

使用具有col-md-6类的div包装输入框，并将输入宽度设置为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">
<div class="row">
<div class="col-md-6">
                <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px; float:left" type="submit" name="commit" value="Sign In">
</div>
<div class="col-md-6">
                    <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px" type="submit" name="commit" value="Sign In">
</div>
</div>
                </form>
            </div>
        </div>
    </div>
</div>


请登录您的帐户。。。

使用具有col-md-6类的div包装输入框，并将输入宽度设置为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">
<div class="row">
<div class="col-md-6">
                <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px; float:left" type="submit" name="commit" value="Sign In">
</div>
<div class="col-md-6">
                    <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px" type="submit" name="commit" value="Sign In">
</div>
</div>
                </form>
            </div>
        </div>
    </div>
</div>


请登录您的帐户。。。

使用具有col-md-6类的div包装输入框，并将输入宽度设置为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">
<div class="row">
<div class="col-md-6">
                <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px; float:left" type="submit" name="commit" value="Sign In">
</div>
<div class="col-md-6">
                    <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px" type="submit" name="commit" value="Sign In">
</div>
</div>
                </form>
            </div>
        </div>
    </div>
</div>


请登录您的帐户。。。

使用具有col-md-6类的div包装输入框，并将输入宽度设置为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">
<div class="row">
<div class="col-md-6">
                <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px; float:left" type="submit" name="commit" value="Sign In">
</div>
<div class="col-md-6">
                    <input class="btn btn-primary" style="margin-top:.75em;width: 100%; height: 32px; font-size: 13px" type="submit" name="commit" value="Sign In">
</div>
</div>
                </form>
            </div>
        </div>
    </div>
</div>


请登录您的帐户。。。

既然您已经在使用“btn primary”作为类，只需将一些CSS绑定到它，例如display:inline block；宽度：30px；然后不要给它们两个

宽度：100%

，因为您已经使用“btn primary”作为类，只需将一些CSS绑定到它，例如display:inline block；宽度：30px；然后不要给它们两个

宽度：100%

，因为您已经使用“btn primary”作为类，只需将一些CSS绑定到它，例如display:inline block；宽度：30px；然后不要给它们两个

宽度：100%

，因为您已经使用“btn primary”作为类，只需将一些CSS绑定到它，例如display:inline block；宽度：30px；然后不要同时给它们宽度：100%