为什么我的引导按钮格式正确无法使用

Question

我正在使用bootstrap来设计我的网站样式，我想用它来设置我的搜索字段。当我这样做时，按钮看起来像一个大方块而不是圆形按钮，它应该与搜索字段一起使用。继承人的代码

  {{-- Navigation --}}
      <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container-fluid">
{{-- Brand and toggle get grouped for better mobile display --}}
    <div class="navbar-header page-scroll">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#navbar-main">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/">{{ config('blog.name') }}</a>
    </div>

    {{-- Collect the nav links, forms, and other content for toggling --}}
    <div class="collapse navbar-collapse" id="navbar-main">
        <ul class="nav navbar-nav">
            <li>
                <a href="/">Home</a>
            </li>
        </ul>
        <ul class="nav navbar-nav">
            <li>
                <a href="/contact">Contact</a>
            </li>
        </ul>

        <div class="col-sm-3 col-md-3 pull-right">
            <form class="navbar-form" role="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
                    <div class="input-group-btn">
                        <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

css是标准的css，没有任何改变。试图粘贴它，但它减慢了我的电脑速度。任何人都可以建议我能做些什么来纠正这个问题？

Fiddle