在发布问题之前，我一直在谷歌搜索并查看建议的链接，但我没有任何工作。
我有一个现有的导航菜单，我想在页面上居中。我正在使用bootstrap css。我试过更改.nav定义，ol和面包屑....但它们没有任何效果。如果我使用独立的css，我可以将导航设为中心，但不是尝试将更改合并到预先制作的bootsrtrap文件中。
HTML
<head>
<title>Title</title>
<link rel="stylesheet" href="CSS/csstest.css">
</head>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
<li class="breadcrumb-item active" aria-current="page">Submissions</li>
<li class="breadcrumb-item active" aria-current="page">Reports</li>
<li class="breadcrumb-item active" aria-current="page">Database</li>
<li class="breadcrumb-item active" aria-current="page">Register</li>
<li class="breadcrumb-item active" aria-current="page">Log Out</li>
</ol>
</nav>
独立的CSS
.breadcrumb{
padding:8px 15px;
text-align: center;
margin-bottom:20px;
list-style:none;
background-color:#f5f5f5;
border-radius:4px
}
.breadcrumb>li{
display:inline-block
}
.breadcrumb>li+li:before{
padding:0 5px;
color:#ccc;
content:"/\00a0"
}
.breadcrumb>.active{
color:#777
}
.breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}
Bootstrap CSS
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
（我已经链接了CSS，因为它太多了。但是我在服务器上创建了一个可以编辑和使用的副本。）
如果我的问题是正确的，你应该删除你的CSS，然后在nav元素上应用class：'text-center'。
https://stackblitz.com/edit/typescript-jznms2?embed=1&file=index.html
希望这是你正在寻找的。
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
text-align: center;
display: block !important;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb>.active {
color: #777;
}
.breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
<li class="breadcrumb-item active" aria-current="page">Submissions</li>
<li class="breadcrumb-item active" aria-current="page">Reports</li>
<li class="breadcrumb-item active" aria-current="page">Database</li>
<li class="breadcrumb-item active" aria-current="page">Register</li>
<li class="breadcrumb-item active" aria-current="page">Log Out</li>
</ol>
</nav>