我试图在 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,我就不会找到它。
1条答案
按热度按时间cvxl0en21#
尝试对要更改边界半径的类使用以下命令:将此应用于CSS文件中的HTML类