bootstrap snippet searchbox无法正常工作

Question

所以，我在我的网站上使用此代码段：http://bootsnipp.com/snippets/featured/inline-navbar-search   但它似乎没有按预期工作。正如您在图像中看到的那样，当我单击搜索图标时，整个搜索框将左侧覆盖品牌徽标。 我看到该代码片段是为bootstrap 3.1.0制作的。如何让它像bootstrap 3.3.7的片段一样工作？

Answer 1

尝试添加

text-align: right

块中的

：

header .navbar-collapse form[role="search"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #D04746 !important;
    z-index: 0;
    text-align: right;
}