我无法垂直居中我的文字id="WhatIsMasterRow"和图片id="WhatIsMasterPhoto。我已经尝试将其包装在.container并使用引导程序center-block以及其他一些中心类。
<!DOCTYPE html>
<html lang="en">
<body>
<!-- What is Master Page -->
<div class="row" id="WhatIsMasterRow">
<div class="col-md-6" id="WhatIsMasterText">
<div class="row-text", id="SubHeaderTextLeft"> What is a Master? </div>
<div class="row-text", id="RegularTextLeft"> Test Text </div>
</div>
<div class="col-md-2 col-md-offset-2 center-text">
<img id="WhatIsMasterPhoto" src="Resources/Images/Peter-Limmer-boots-2.jpg">
</div>
</div>
</body>
我也尝试过使用margin: 0 auto;，但它无效。
.col-md-2 {
margin: 0 auto;
background-color: black;
}