「Bootstrap4入門」.btn-group-verticalで縦並びボタングループを表示する

2020年12月29日

書式
.btn-group-vertical 縦に並ぶボタンを表示
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="container">
<h2>縦並びボタングループ</h2>
<p> .btn-group-verticalで縦並びボアんグループを表示</p>
<div class="btn-group-vertical">
<button type="button" class="btn btn-primary">Apple1</button>
<button type="button" class="btn btn-primary">Samsung2</button>
<button type="button" class="btn btn-primary">Sony3</button>
</div>
</div>
<div class="container"> <h2>縦並びボタングループ</h2> <p> .btn-group-verticalで縦並びボアんグループを表示</p> <div class="btn-group-vertical"> <button type="button" class="btn btn-primary">Apple1</button> <button type="button" class="btn btn-primary">Samsung2</button> <button type="button" class="btn btn-primary">Sony3</button> </div> </div>
<div class="container">
  <h2>縦並びボタングループ</h2>
  <p> .btn-group-verticalで縦並びボアんグループを表示</p>
  <div class="btn-group-vertical">
    <button type="button" class="btn btn-primary">Apple1</button>
    <button type="button" class="btn btn-primary">Samsung2</button>
    <button type="button" class="btn btn-primary">Sony3</button>
  </div>
</div>

 

Bootstrap4

Posted by arkgame