Bootstrap 不为人知的秘密

页面加载完后输入框自动获得焦点

<input type="text" class="form-control" autofocus name="name" placeholder="请输入用户名" >

固定顶部导航栏

<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
  ...
</nav>

右侧出现下拉框（没有小三角）

<div class="col-md-auto" style="border-right: 1px solid #f2f2f2;">
    <button data-toggle="dropdown" type="button" class=" btn btn-sm bg-dark text-white ml-2 mb-2" id="newFile">
        <i class="fa fa-plus" aria-hidden="true"></i>
        新建文件</button>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="#">新建文件</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">新建文件夹</a>
          </div>
</div>

JavaScript

<script type="text/javascript">
    $(function(){
        $("#newFile").dropdown();
    });
</script>