Question

我有这个......

<div class="col-md-3">
   <button type="button"  value="Submit" id="generate" class="btn blue btn btn-primary" style="margin-left: 457px; cursor: pointer;"  >Generate </button>                            
</div>

满足我的要求，但当我在手机上打开页面时，按钮会在屏幕上显示。

即使在调整窗口大小后如何将其保留在屏幕上..？

提前致谢...

Answer 1

这会让你按下窗口中央的按钮，它会响应。

<div class="container">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-lg-12 text-center">
            <button type="button" value="Submit" id="generate" class="btn blue btn btn-primary" style="cursor: pointer;width:100px">Generate </button>
        </div>
    </div>
</div>

您需要将以下js和css添加到您使用的任何版本中。

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

Answer 2

使用此 -

＆＃13;

.button-wrap{
    width: 70px;
    margin: auto;
}

＆＃13;

<html>
    <head>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </head>

    <body>
        <div class="container">
            <div class="button-wrap">
                <button type="button" id="generate" class="btn blue btn btn-primary">Button</button>
            </div>
        </div>
    </body>
</html>

＆＃13;

我在这里做的是将您的按钮包裹在div中并指定一些宽度。之后，我给它margin auto将它对齐在屏幕中间。这适用于小型和大型屏幕设备。

如何将按钮保持在窗口的中心，它应该是响应

2 个答案: