我正试着将这两个按钮水平地设置为相同的级别using bootstrap.
<!DOCTYPE html>
<html>
<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous"
/>
</head>
<body>
<div class="container">
<div class="row">
<div class="col mb-0">
<h2>h2 text</h2>
<h4>h4 text</h4>
<h4>Another h4 text</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="text-center"><button>Button 1</button></div>
</div>
<div class="col mb-0">
<h2>Right Div</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<button>Button 2</button>
</div>
</div>
</div>
</body>
</html>
Current the output is something like this.
But I want to align the two buttons horizontally as below.
任何帮助都将不胜感激.
编辑:我更喜欢不添加任何新元素的解决方案.如果可能,请仅使用 bootstrap .否则,请使用css.