html - 如何在 Bootstrap 4 中的两列之间添加垂直线

Question

我有两个 div 列。我想在屏幕上显示它们之间的一条线。

<div class="container-fluid">
  <div class="row">
    <div class="col-md-3"></div>
    <div class="col-md-9"></div>
  </div>
</div>

Answer 1

试试这个，我希望它能帮助你。谢谢

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="container-fluid">
	<div class="row">
		<div class="col-sm-3 col-md-3">
      <label>Left Column</label>
      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    </div>
		<div class="col-sm-9 col-md-9 border-left">
      <label>Right Column</label>
      <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
    </div>
	</div>
</div>