如何在Html，Css，Twitter Bootstrap中創建多個藥片/選項卡選擇框？

Question

任何人都可以有想法，如何在Html/CSS/Twitter Bootstrap中創建這種類型的藥片/標籤以及他們稱之爲什麼？

Answer 1

Check Bootstrap 4 Button Tags：（從Font-awesome使用的圖標）

button.btn.btn-primary { 
 
    border-radius: 20px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /><link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<button class="btn btn-primary" type="submit">Button <span class="fa fa-check"></span> 
 
</button> 
 
<button class="btn btn-primary disabled" type="submit" value="Submit">Disabled <span class="fa fa-check"></span> 
 
</button>