I持っている。この...どう
<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>
その私の要件を満たすが、私は携帯電話上でページを開いていたときに、ボタンが画面に出て行きます。
ウィンドウのサイズを変更した後でも画面に保持する方法は？事前に
おかげで...
これにより、ウィンドウの中央にボタンが表示され、反応します。
<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>
ええ、それは働いた...助けをありがとう.... – javed
使用this- divであなたのボタンをラッピングし、それにいくつかの幅を割り当てている私はここでやっている
.button-wrap{
width: 70px;
margin: auto;
}<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>。その後、私はmarginのautoを画面の中央にそろえるように与えました。これは、小型および大型スクリーン装置の両方で機能します。
ピクセル単位でマージンを適用しないでください。例：try％ 10％ –