如何在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>