「Bootstrap4入門」ボタンタグを使うサンプル

2020年12月29日

説明
.btn は <button>, <input>, <a> タグに使用します。
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="container">
<h2>ボタンタグ</h2>
<a href="#" class="btn btn-info" role="button">リンクボタン</a>
<button type="button" class="btn btn-info">ボタン</button>
<input type="button" class="btn btn-info" value="入力input">
<input type="submit" class="btn btn-info" value="submitボタン">
</div>
<div class="container"> <h2>ボタンタグ</h2> <a href="#" class="btn btn-info" role="button">リンクボタン</a> <button type="button" class="btn btn-info">ボタン</button> <input type="button" class="btn btn-info" value="入力input"> <input type="submit" class="btn btn-info" value="submitボタン"> </div>
<div class="container">
  <h2>ボタンタグ</h2>
  <a href="#" class="btn btn-info" role="button">リンクボタン</a>
  <button type="button" class="btn btn-info">ボタン</button>
  <input type="button" class="btn btn-info" value="入力input">
  <input type="submit" class="btn btn-info" value="submitボタン"> 
</div>

 

Bootstrap4

Posted by arkgame