html – 如何将表单元素(搜索框)置于Bootstrap导航栏中？

概述我正试图让搜索框位于我的Bootstrap导航栏的中心.删除navbar-left似乎会破坏导航栏上的对齐方式.我想去 linkedin.com页面.这是最简单的方法吗？ 下面是我的导航栏 https://jsfiddle.net/b6pmy9w4/的JSFiddle的链接.提前感谢任何帮助. Html代码： <nav class="navbar navbar-default" style="bo 我正试图让搜索框位于我的bootstrap导航栏的中心.删除navbar-left似乎会破坏导航栏上的对齐方式.我想去 linkedin.com页面.这是最简单的方法吗？
下面是我的导航栏 https://jsfiddle.net/b6pmy9w4/的Jsfiddle的链接.提前感谢任何帮助.
HTML代码：

<nav  >            <div >                <!-- Brand and toggle get grouped for better mobile display -->                <div >                    <button type="button"  data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">                        <span >Toggle navigation</span>                        <span ></span>                        <span ></span>                        <span ></span>                    </button>                    <a  href="/#!/">COliGN</a>                </div>                <div  ID="bs-example-navbar-collapse-1">                    <form  role="search">                        <div >                            <input type="text"  placeholder="Search">                        </div>                        <!-- <button type="submit" >submit</button> -->                    </form>                    <ul >                        <li><a href="#"><span ></span></a></li>                        <li >                            <a href="#"  data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span ></span></a>                            <ul >                                <li><a href="#">VIEw Profile</a></li>                                <li><a href="#">Manage Account</a></li>                                <li><a href="#">Invite a frIEnd</a></li>                                <li role="separator" ></li>                                <li><a href="/auth/signout">Log out</a></li>                            </ul>                        </li>                    </ul>                </div>                <!-- /.navbar-collapse -->            </div>            <!-- /.container-fluID -->        </nav>

解决方法 不知道这是否是最佳方式,但是

>删除导航栏左侧
>在ul之后移动它
>设置text-align：center

Updated fiddle

总结

以上是内存溢出为你收集整理的html – 如何将表单元素(搜索框)置于Bootstrap导航栏中？全部内容，希望文章能够帮你解决html – 如何将表单元素(搜索框)置于Bootstrap导航栏中？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。