「Bootstrap 4入門」ボタンの様式と種類を指定する方法

2020年12月29日

書式
.btn-* でボタンの種類を指定
.btn はボタンを表示
使用例

<div class="container">
<h2>ボタン様式</h2>
<button type="button" class="btn">Button</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">成功</button>
<button type="button" class="btn btn-danger">危険</button>
<button type="button" class="btn btn-warning">警告</button> 
<button type="button" class="btn btn-info">注意</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>  
</div>

 

Bootstrap4

Posted by arkgame