在响应引导导航栏中设置中心内容

我无法在引导导航栏中集中我的内容。我用的是bootstrap3。我读过很多帖子，但是使用的CSS或方法不能与我的代码一起使用！我真的很沮丧，所以这是我最后的选择。任何帮助都将不胜感激

&lt；！DOCTYPE html&gt；
&lt；html&gt；
&lt；头&gt；
&lt；标题&gt；导航&lt/标题&gt；
&lt；meta name=“viewport”content=“宽度=设备宽度，初始比例=1.0”&gt；
&lt；！--引导--&gt；
&lt；链接href=”https://stackoverflow.com/questions/18777235/css/bootstrap.min.css“rel=”stylesheet“media=”screen“&gt；
&lt；链接href=”https://stackoverflow.com/questions/18777235/css/style.css“rel=”stylesheet“media=”screen“&gt；
&lt/头&gt；
&lt；车身&gt；
&lt；div class=“container”&gt；
&lt；导航类=“导航栏导航栏默认设置”角色=“导航”&gt；
&lt；！--品牌和切换组合以实现更好的移动显示--&gt；
&lt；div class=“导航栏标题”&gt；
&lt；button type=“button”class=“navbar toggle”data toggle=“collapse”data target=“.navbar-ex1-collapse”&gt；
&lt；span class=“仅限sr”&gt；切换导航&lt/span&gt；
&lt；span class=“图标栏”&gt&lt/span&gt；
&lt；span class=“图标栏”&gt&lt/span&gt；
&lt；span class=“图标栏”&gt&lt/span&gt；
&lt/按钮&gt；
&lt/部门&gt；
&lt；！--收集导航链接、表单和其他用于切换的内容--&gt；
&lt；div class=“折叠导航栏折叠导航栏-ex1-collapse”&gt；
&lt；ul class=“导航栏导航”&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；链接&lt/a&gt&lt/李&gt；
&lt；li class=“下拉列表”&gt；
&lt；a href=“”class=“dropdown toggle”数据切换=“dropdown”&gt；下拉列表&lt；b class=“插入符号”&gt&lt/b&gt&lt/a&gt；
&lt；ul class=“下拉菜单”&gt；
&lt；李&gt&书信电报；a href=“”&gt；行动&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；另一项行动&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；这里还有别的东西&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；分离链接&lt/a&gt&lt/李&gt；
&lt；李&gt&书信电报；a href=“”&gt；另一个分离链接&lt/a&gt&lt/李&gt；
&lt/ul&gt；
&lt/李&gt；
&lt/ul&gt；
&lt/部门&gt&lt；！--/。导航栏塌陷--&gt；
&lt/导航&gt；
&lt；h1&gt；主页&lt/h1&gt；
&lt/部门&gt；
&lt--JAVASCRIPT--&gt；
&lt；脚本src=”https://stackoverflow.com/questions/18777235/js/jquery-1.10.2.min.js“&gt&lt/脚本&gt；
&lt；脚本src=”https://stackoverflow.com/questions/18777235/js/bootstrap.min.js“&gt&lt/脚本&gt；
&lt/车身&gt；
&lt/html&gt；

https://jsfiddle.net/amk07fb3/