Html 引导Navbar：Navbar品牌意向

我有两个引导导航栏，它们在页面上相互跟随。设置如下所示：

<nav class="navbar navbar-expand-lg">
    <a class="navbar-brand" style="color:white" href="#">
        Search
    </a>
    <div class="collapse navbar-collapse">
        <div class="navbar-form navbar-left">
            <div>
                <div class="row">
                    <div class="form-group">
                        //Here are some inputs
                    </div>  
                </div>
            </div>
        </div>
    </div>
</nav>

<nav class="navbar navbar-expand-lg">
    <a class="navbar-brand" style="color:white" href="#">
        Filter
    </a>
    <div class="collapse navbar-collapse">
        <div class="navbar-form navbar-left">
            <div>
                <div class="row">
                    <div class="form-group">
                        //Here are some inputs
                    </div>  
                </div>
                <div class="row">
                    <div class="form-group">
                        //Here are some inputs
                    </div>  
                </div>
            </div>
        </div>
    </div>
</nav>

//这里有一些输入
//这里有一些输入
//这里有一些输入

由于

“搜索”

和

“过滤器”

的长度不同，因此输入从不同的位置开始。我想对称地从两个导航栏上的输入开始（图中的红色箭头）

我最初尝试按百分比指定

navbar品牌的
宽度
，但没有成功，因为在调整窗口大小时，这会导致输入与品牌重叠

我真的很感激任何帮助

哪个版本的引导？另外，
行
仅用于包含
列-*
而不是像
表单组
@Zim这样的东西，我正在使用Bootstrap v3.3.7。你知道解决办法吗？