我试图在 Bootstrap 导航栏中创建一个搜索框，我正在做的是像在 Bootstrap 网站上的例子。我也有一个插件在我的搜索框。由于某种原因，输入输出框不是圆形的。这就是它现在的样子：

我希望左侧也像插件的右侧四舍五入。下面是我的代码：

<form class="navbar-form navbar-left" id="search" role="search">                                    
                                <button id="search-button" type="button" class="btn btn-info">
                                    <span class="glyphicon glyphicon-search"></span>
                                </button>                                   
                                <div id="search-form" class="form-group">
                                    <div class="input-group">                                       
                                        <input type="text" class="form-control" id="search-input" placeholder="Search">
                                        <span id="search-icon" class="input-group-btn">
                                            <button class="btn btn-info">
                                                <span class="glyphicon glyphicon-search"></span>
                                            </button>
                                        </span>
                                    </div> 
                                </div>
                            </form>

我有一些额外的id的添加dissapearing功能的方块，很像在this tutorial。
添加我的CSS后，我意识到我覆盖了它，我已经修复了CSS，现在它正在工作。谢谢你的帮助，如果你们不建议张贴我的CSS，我就不会找到它。