我正在尝试在居中 Logo 下方的空白处添加一个进度条。但是由于我使用的是 container-fluid，所以我不能使用“align-items-end”，因为出于某种原因它会更多地扩展容器高度。谁能告诉我应该如何更改它，以便我可以在 Logo 下方添加更多信息，而不会弄乱“创建”和“探索”的定位？
/*This css file defines the color scheme and font of all of the webpages so import into every new webpage*/
body {
font-family: 'Rubik', sans-serif;
background-color: #161925;
color:#FDFFFC;
}
h4{
color:#FDFFFC;
}
.button{
background-color:#F1D302;
}<link href="/css/mastercss.css" rel="stylesheet">
<body>
<img src="/img/logo.png" width="100" height="140">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-6">
<a href="#" name="redirectCreate" onClick="redirectCreate()">
<h1 class="text-center">
Create</h1>
</a>
</div>
<div class="col-6 text-center">
<a href="#" name="redirectExplore" onClick="redirectExplore()">
<h1 class="text-center">
Explore</h1>
</a>
</div>
</div>
<div class="row align-items-end">
<div class="row">
HI
</div>
</div>
</div>
</div>最佳答案
当您“运行代码片段”时， Logo 未居中。
尽管您可以添加 <center></center>围绕您想要居中的任何内容进行标记。或使用 text-align:center在该类的 CSS 中。
关于javascript - 容器内的定位信息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48833730/