twitter-bootstrap - 导航栏中的引导搜索框坐标

Question

如何将坐标分配给导航栏中的搜索框。我需要图片上的结果。

图片：

Bootply 链接

Answer 1

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

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

此代码可以与 div 一起编写，也可以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

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

引导导航栏