Question

基本上，我要做的是并排放置两口井，每口井各有自己的内容，居中，并且两口井之间有缝隙。目前，只有当我向其中添加更多内容时，井的高度才会改变。由于两个孔具有各自的内容，因此孔的大小永远不会相同。我已经附上了下面的代码。

<body>
  <div id="header">
    <center><img src="../../../resources/header.png" </center> </div> <nav>
      <!-- nav content here-->
      </nav>
      <div id="mainContent">

        <div id="contentSection" class="col-12 col-md-11 col-md-offset-1">

          <div id="contentMainLeft" class="well well-md col-12 col-md-5">
            <div class="container">
              <p> Lorem ipsum dolor... </p>
            </div>
          </div>


          <div id="contentMainRight" class="col-12 col-md-5 well col-sm-offset-1">
            <div class="container">
              <div class="row">
                <p>Lorem ipsum dolor sit amet...</p>
                <center><img src="../../../resources/bss.jpg" alt="Visits"></center>

              </div>
            </div>
          </div>
        </div>
      </div>

任何帮助将不胜感激。

使用2个Boostrap井元件以及如何使一个井的高度与另一个井的高度匹配

0 个答案: