html - 在 Bootstrap 中居中不均匀的部分列

Question

我的任务是在一行中将两列居中，但我需要它们的大小为 col-md-6 这是我的代码

            <div class="row">
              <div class="col-md-4 col-sm-3 post">
                 <a href="#" class="thumbnail"><img src="http://placehold.it/500" alt="" /></a>
                <h2>DR. SAMUEL P. DIZON</h2><p align="justify">DR. SAMUEL P. DIZON,(SAMPLE CAPTION) M.D. is a Plan II Honors graduate from The University of Texas at Austin, and attended medical school at Baylor College of Medicine in Houston. She completed an internal medicine internship at University of Washington in Seattle and her anesthesiology residency at Baylor College of Medicine</p>

              </div>
              <div class="col-md-4 col-sm-3 post">
                 <a href="#" class="thumbnail"><img src="http://placehold.it/500" alt="" /></a>
                <h2>DR. Lady RUVI S. TAGULAO</h2><p>(Sample Text)Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam totam dolore facere nulla similique magni nobis beatae eveniet deserunt quisquam nihil autem. Maxime iste voluptate laboriosam veritatis possimus qui molestias numquam officia deleniti a! Debitis itaque tempora vel quas quidem natus fugit alias aliquam maiores deserunt quibusdam error laboriosam aut.
              </div>

            </div>  

我知道将其设置为 6-6 会使其居中，但我不想为我的元素设置大尺寸

Answer 1

我刚刚找到了解决方案，伙计们，您只需要在要居中的 div 之前和之后放置 2 个 div，并且您必须调整它们的大小以使其与屏幕成比例，这样它就会像这样:

        <div class="row">


                //put an empty div here sized 2 <div class="col-md-2 post"></div>


              <div class="col-md-4 col-sm-3 post">
                 <a href="#" class="thumbnail"><img src="http://placehold.it/500" alt="" /></a>
                <h2>DR. SAMUEL P. DIZON</h2><p align="justify">DR. SAMUEL P. DIZON,(SAMPLE CAPTION) M.D. is a Plan II Honors graduate from The University of Texas at Austin, and attended medical school at Baylor College of Medicine in Houston. She completed an internal medicine internship at University of Washington in Seattle and her anesthesiology residency at Baylor College of Medicine</p>

              </div>
              <div class="col-md-4 col-sm-3 post">
                 <a href="#" class="thumbnail"><img src="http://placehold.it/500" alt="" /></a>
                <h2>DR. Lady RUVI S. TAGULAO</h2><p>(Sample Text)Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam totam dolore facere nulla similique magni nobis beatae eveniet deserunt quisquam nihil autem. Maxime iste voluptate laboriosam veritatis possimus qui molestias numquam officia deleniti a! Debitis itaque tempora vel quas quidem natus fugit alias aliquam maiores deserunt quibusdam error laboriosam aut.
              </div>

              //and another 1 here <div class="col-md-2 post"></div>

            </div>