私は現在水平になっているが、ボタン同士を押し離す余白を追加するために、いくつかのボタンをライン上に持っています。同じ行のボタンのマージンを反応的に設定するにはどうすればよいですか?
私は小さなウィンドウでコードを編集していましたが、CSSマージンを使用してボタンを細かく配置していましたが、ウィンドウを最大化するとボタン間のマージンが新しいラインにプッシュボタンを押すか、
同じ行のこれらのボタンの余白を反応的な方法で設定する方法を見つけることができなかったため、新しい行にプッシュしたり元に戻したりしませんでした。
アイデア?
HTML
<button type="submit" class="btn btn-primary btn-lg btn-submitpadding">Submit</button>
<a href="/select-all" class="btn btn-default btn-selectspacer">Select All</a>
<a href="/deselect-all" class="btn btn-default">Deselect All</a>
<a class="btn btn-info btn-infospacer" role="button" data-toggle="collapse" href="#helpInfo" aria-expanded="false" aria-controls="helpInfo">More Info</a></button>
CSS
.btn-selectspacer {
margin-left: 40em;
}
.btn-infospacer {
margin-left: 2.25em;
}
.btn-submitpadding {
padding-top: 7px;
padding-bottom: 7px;
}
画像
は、 アレックスをありがとう
である必要があり、CSS、あなたのボタンの周りのラッパーのあなたのCSSを含めてください。特定の画面サイズでdivまたはラッパーの幅が固定されている可能性があります。 –
@ShahGhafoori Shah、私はボタンの周りにラッパーのためのCSSを持っていない、彼らはHTMLと上に貼り付けられたCSSで実装されています。 –