Bootstrap 导航栏中的搜索框坐标

Question

如何为导航栏中的搜索框指定坐标。我需要如图所示的结果。

图片：

Bootply Link

Answer 1

你给出坐标到底是什么意思？如果您想将搜索输入移动到导航栏内，您可以轻松地将输入元素的样式更改为 -

position: fixed;
right: 18%; // depends on your requirement 
top: 3%; // depends on your requirement

此代码可以与 style="width: 310px;" 一起编写，或者将 id 赋予 div 并单独写入样式表。

#your_id {
    position: fixed;
    right: 18%; // depends on your requirement 
    top: 3%; // depends on your requirement  
}

并给 div/input 标签这个 id

<input id="your_id" class="form-control " placeholder="Поиск" style="position: fixed; right: 18%; top: 3%; width:310px" type="text">

希望对您有所帮助。

Answer 2

您可以将网格系统与 bootstrap 导航栏一起使用。

Bootstrap Navbar