Twitter bootstrap 如何使用引导将导航栏文本居中？

Q1

我想知道我是否想使用引导程序将文本集中在导航栏上我使用的代码。我试过使用

中心块

。然而，这对我不起作用。这是我试图集中在利亚姆·多切蒂的数字作品集中的文本

站点代码

.身体{
字体系列：“Roboto”，无衬线；
颜色：黑色；
}
.navbar.navbar-default{
背景色：#FFFFFF；
高度：10vh；
z指数：100；
}
.navbar.navbar-default ul{
列表样式类型：无；
文本对齐：右对齐；
}
.navbar.navbar-default ul li{
显示：内联块；
}
.下拉菜单li{
文本对齐：居中；
}
.下拉菜单.下拉菜单{
背景色：#FFFFFF；
}
.下拉菜单.下拉菜单a{
颜色：白色；
}
.navbar.navbar-默认ul li a{
显示：内联块；
填充：3.5vh 8px 4px；
颜色：黑色；
文字装饰：无；
字号：14pt；
}
.navbar.navbar-默认ul li:之后{
内容：''；
位置：绝对位置；
右：50%；
底部：0；
左：50%；
高度：3倍；
背景色：黑色；
边界半径：9px；
过渡：all.2s；
}
.nav.navbar-nav，
.nav.navbar nav>li{
浮动：无；
}
.navbar.navbar-默认ul li:悬停：之后{
右：0；
左：0；
}
.navbar.navbar-default ul.dropdown-menu li，
.navbar.navbar-默认ul.下拉菜单LIA{
位置：相对位置；
显示：块；
}
.科{
最小高度：100vh；
}
.一{
背景色：#FFFFFF；
}
.二{
背景色：#FFFFFF；
}
#章节，章节{
填充顶部：50px；
}
.英雄{
背景：url（“https://static.pexels.com/photos/38892/pexels-photo-38892.jpeg）居中不重复；
背景附件：固定；
背景尺寸：封面；
宽度：100%；
最大宽度：100%；
宽度：100vw；
身高：60%；
}
.形状{
边界半径：25px；
背景：#4D5061；
内容：网址(http://i1126.photobucket.com/albums/l611/ldocherty1/IMG_0730_zpsiz4dqc47.jpg);
颜色：白色；
高度：300px；
保证金：自动；
填充：3倍；
宽度：300px；
最高：15%；
左：50%；
左边距：-150px；
z指数：10；
}
.fa角向下{
颜色：#0000；
底部：0px；
保证金：0自动；
}
.fa角度向上{
颜色：#0000；
底部：0px；
保证金：0自动；
}
.s1文本{
文本对齐：居中；
颜色：黑色；
z指数：99；
字号：18pt；
}
.s2文本{
文本对齐：居中；
颜色：黑色；
z指数：99；
字号：18pt；
}
.导航文本{
字号：14pt；
}

切换导航
利亚姆·多切蒂的数字投资组合




























欢迎来到我的
文件夹
$（文档）.ready（函数（）{
$（“#节”）.fullpage（）；
});

要实现这一点，您需要使用一些技巧。首先，你需要给你的标志一个宽度和高度。然后我有两个Liam Docherty的数字产品组合，一个在

品牌部分

，另一个在main

nav navbar ul

中。对于

导航栏ul

我使用

隐藏xs

将其隐藏在小屏幕中，对于

品牌部分

我使用

隐藏sm隐藏lg隐藏md

，以便对于屏幕宽度超过767px的所有设备，它保持隐藏状态

在此之后，请使用以下css--

#导航{
宽度：25%；
}
#导航{
宽度：100%；
高度：30px；
}
@介质（最小宽度：768px）{
.navbar-nav.navbar-center{
位置：绝对位置；
左：50%；
转化：translatex（-50%）；
}
}
.身体{
字体系列：“Roboto”，无衬线；
颜色：黑色；
}
.navbar.navbar-default{
背景色：#FFFFFF；
高度：10vh；
z指数：100；
}
.navbar.navbar-default ul{
列表样式类型：无；
文本对齐：右对齐；
}
.navbar.navbar-default ul li{
显示：内联块；
}
.下拉菜单li{
文本对齐：居中；
}
.下拉菜单.下拉菜单{
背景色：#FFFFFF；
}
.下拉菜单.下拉菜单a{
颜色：白色；
}
.navbar.navbar-默认ul li a{
显示：内联块；
填充：3.5vh 8px 4px；
颜色：黑色；
#nav_a {
  width:25%;

  }
   #nav_img {
  width:100%;
height: 30px;
  }
@media (min-width: 768px) {  
.navbar-nav.navbar-center {
position: absolute;
left: 50%;
transform: translatex(-50%);
 }
 }