Bootstrap组件

文章目录

• 图标
• 按钮组
• 输入框组
• 导航

图标

https://fontawesome.dashgame.com/

按钮组

       <div class="btn-group">
           <button class="btn btn-primary">添加</button>
           <button class="btn btn-warning">修改</button>
           <button class="btn btn-danger">删除</button>
       </div>

输入框组

   <div class="container">
       <div class="input-group">
           <span class="input-group-addon" >@</span>
           <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
           <span class="input-group-addon" >
               <span class="glyphicon glyphicon-triangle-right"></span>
           </span>
       </div>
   </div>

导航

<div class="container">
      <!--nav
               nav-tabs
               nav-pills
              nav-stacked-->
      <ul class="nav nav-stocked">
          <li class="active" ><a href="#">主页</a></li>
          <li><a href="#">主页1</a></li>
          <li><a href="#">主页2</a></li>
      </ul>
  </div>

面包屑导航

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  <li class="active">Data</li>
</ol>

来源：CSDN

作者：锦鲤姑娘

链接：https://blog.csdn.net/abc701110/article/details/104758455