我正在使用React与Bootstrap。我想把第二列的内容放在列的底部。但我已经尝试到目前为止似乎没有工作。这里的问题是什么?我看到人们做同样的事情,并得到了结果,但我不能改变列内内容的对齐方式。
基本上,我希望'nav'元素位于它所在列的底部,但它一直位于列的左上角。
<div className="pageHeader">
<div className="container-fluid">
<div className="row">
<div className="col-md-3 col-sm-12">
<Logo currentPage='marine' />
</div>
<div className="col-md-9 col-sm-12 align-items-bottom">
<nav className="navigationBar">
<div className="navbarDiv">
<ul id="navmenu" class="navmenu">
{
headerObject.buttonDataArray.map((button, index) => {
return (
<NavButton key={index} buttonData={button} />
)
})
}
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
1条答案
按热度按时间ifsvaxew1#
尝试“d-flex align-items-end”类