BinaryDevelop
  1. ホーム
  2. css

[解決済み】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>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します