javascript - 引导代码段搜索框无法正常工作

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

最佳答案

尝试添加

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;
}

关于javascript - 引导代码段搜索框无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40303502/