导航栏中的Bootstrap搜索框坐标

Question

如何在导航栏中为搜索框指定坐标。我需要像图片上的结果。

图片：

Bootply Link

Answer 1

通过给出坐标你究竟是什么意思？如果要在导航栏中移动搜索输入，可以轻松地将输入元素的样式更改为 -

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

此代码可以与style="width: 310px;"一起编写，也可以通过向div提供id并分别在样式表中写入。

#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 Navbar