[解決済み】Bootstrapで固定幅のボタンにする。
2022-04-13 03:28:08
質問
Bootstrapは固定幅のボタンをサポートしていますか?現在、2つのボタン、"Save" と "Download" がある場合、ボタンのサイズはコンテンツに応じて変化します。
また、Bootstrapを拡張する正しい方法は何ですか?
解決方法は?
また
.btn-block
クラスを使って、ボタンが親の幅に拡大されるようにします。
親が固定幅の要素である場合、ボタンはすべての幅を占めるように拡張されます。既存のマークアップをコンテナに適用して、固定/流動的なボタンが必要なスペースだけを占めるようにすることができます。
<div class="span2">
<p><button class="btn btn-primary btn-block">Save</button></p>
<p><button class="btn btn-success btn-block">Download</button></p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="span2">
<p><button class="btn btn-primary btn-block">Save</button></p>
<p><button class="btn btn-success btn-block">Download</button></p>
</div>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] CSSでボックスの下枠を削除する方法
-
[解決済み] margin: auto は中央揃えではありません。
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] FontAwesomeによる星評価用CSS
-
[解決済み] Bootstrapのポップオーバーの幅を変更する
-
[解決済み] Bootstrap 4のナバーボタンのアイコンの色を変更するにはどうすればよいですか?
-
[解決済み] bootstrap 4 でカードブロックの不透明度を変更する方法
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] div要素内でテキストが折り返されない