Css 引导：Col-md-3未在新行从左开始

如何使col-md-3从左侧开始在新线上运行。它似乎可以根据文本大小自动将其安装在列下

服务
凭借我们的知识和经验，我们意识到学生希望出国留学时所面临的挑战。因此，牢记这一点，我们让我们的流程对这些学生来说非常简单，从入学程序到签证面试，再到安排旅行，每一项任务都非常简单，没有任何麻烦。
我们在这里帮助您在过程的每一个阶段。
雅思考试指南
雅思是你计划出国留学或工作时最常用的考试。我们为您提供学习材料，帮助您准备考试，并参加基于计算机的考试，以确保您取得好成绩。我们还帮助您安排考试，填写申请表，并向您提供报告雅思成绩的大学列表以及更多信息。
雅思考试指南
雅思是你计划出国留学或工作时最常用的考试。我们为您提供学习材料，帮助您准备考试，并参加基于计算机的考试，以确保您取得好成绩。我们还帮助您安排考试，填写申请表，并向您提供报告雅思成绩的大学列表以及更多信息。
咨询与课程选择
我们将帮助您选择合适的课程和最好的大学，这是完美的，适合您的学术背景、财务背景和未来计划。
奖学金
有许多外国大学根据学生的学术状况向他们提供奖学金。我们评估学生获得奖学金的可能性，并确保符合条件的学生有机会获得奖学金
申请文件的准备
我们在准备申请文件时提供专家指导，以及可能增加入学机会的成绩单、信函或推荐信等文件
与大学跟进以确保入学
我们代表您向大学招生办公室进行跟进，以确保您获得录取
签证文件
我们根据大使馆的最新规定为准备签证文件提供专家协助。
银行贷款及旅游安排
如果您正在寻找教育贷款，我们将为您提供帮助，我们还将负责您的所有旅行安排，如预订机票、旅行保险和外汇。在您旅行之前，会有出发前的入职培训，向您提供有关应做和不应做的事情的信息，并会告诉您所在国家的食物、旅行、文化、交通等情况。
寻找住处
我们将帮助您找到适合您需求的最佳住宿选择。
文化理解
我们将为您提供有关气候条件和文化差异的信息，以便您做好心理准备，轻松快速地适应新环境

在

col-md-3

之前使用

，如下面的代码

    <section id="services">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <h1 class="text-center">Services</h1>

                <h4>With our knowledge and experience, we are aware of the challenges that students face when they wish to study overseas. So, keeping this in mind we have made our process so simple for these students that each and every task from admission procedure to visa interview to making travel arrangements is easy-going and hassle free. </h4>

                <h4>We are here to help you at each and every stage of the process.</h4>
<div class="row">
                <div class="col-md-3">
                  <h4>Guidance for IELTS</h4>
                  <h5>IELTS is the most common examination that you need to give when you are planning to study abroad or work overseas. We help you prepare for the exam by giving you study material and also take a computer based test to make sure you score well. We also assist you in scheduling the tests, fill an application form, and give you the list of the universities where IELTS scores are reported and much more.</h5>
                </div>      
                 <div class="col-md-3">
                  <h4>Guidance for IELTS</h4>
                  <h5>IELTS is the most common examination that you need to give when you are planning to study abroad or work overseas. We help you prepare for the exam by giving you study material and also take a computer based test to make sure you score well. We also assist you in scheduling the tests, fill an application form, and give you the list of the universities where IELTS scores are reported and much more.</h5>
                </div> 
                 <div class="col-md-3">
                  <h4>Counseling and course & university selection</h4>
                  <h5>We will help you choose the right course and best university that is perfect and suits your academic background, financial background, and future plans.</h5>
                </div>    
                 <div class="col-md-3">
                  <h4>Scholarships</h4>
                  <h5>There are many foreign universities that offer scholarships to students on the basis of their academic profiles. We evaluate the possibilities of scholarship opportunities for the students and ensure that the eligible students benefit the opportunity of getting scholarships</h5>
                </div>   
</div>
<div class="row"> 
                 <div class="col-md-3">
                  <h4>Documents preparation for application</h4>
                  <h5>We provide our expert guidance in preparing the application file and also the documents like transcripts, letter or recommendations etc that may increase the chances of admissions</h5>
                </div>    
                 <div class="col-md-3">
                  <h4>Follow-ups with universities to secure admissions</h4>
                  <h5>We do follow-ups on your behalf with the university admission office to ensure that you secure the admissions</h5>
                </div>    
                 <div class="col-md-3">
                  <h4>Visa documentation</h4>
                  <h5>We provide our expert assistance for preparing the visa documents according to the latest rules of the embassy.</h5>
                </div>    
                 <div class="col-md-3">
                  <h4>Bank loan and travel arrangements</h4>
                  <h5>We will assist you if you are looking for the educational loans and we also take care of all your travel arrangements like booking air tickets, travel insurance, and foreign exchange. Before you travel, there will be pre-departure orientation providing you the information on do’s and don’ts and will tell you about the food, travel, culture, transport etc of the country where you are traveling.</h5>
                </div>   </div>
<div class="row"> 
                 <div class="col-md-3">
                  <h4>Finding accommodation</h4>
                  <h5>We will help you find the best accommodation options that will suit your needs.</h5>
                </div> 
                <div class="col-md-3">
                  <h4>Culture understanding </h4>
                  <h5>We will give you the information of the climatic conditions and the cultural differences so that you are mentally prepared and can adapt the new environment easily and quickly</h5>
                </div>      
              </div>
            </div>
            </div>
          </div>
        </section>

服务
凭借我们的知识和经验，我们意识到学生希望出国留学时所面临的挑战。因此，牢记这一点，我们让我们的流程对这些学生来说非常简单，从入学程序到签证面试，再到安排旅行，每一项任务都非常简单，没有任何麻烦。
我们在这里帮助您在过程的每一个阶段。
雅思考试指南
雅思是你计划出国留学或工作时最常用的考试。我们为您提供学习材料，帮助您准备考试，并参加基于计算机的考试，以确保您取得好成绩。我们还帮助您安排考试，填写申请表，并向您提供报告雅思成绩的大学列表以及更多信息。
雅思考试指南
雅思是你计划出国留学或工作时最常用的考试。我们为您提供学习材料，帮助您准备考试，并参加基于计算机的考试，以确保您取得好成绩。我们还帮助您安排考试，填写申请表，并向您提供报告雅思成绩的大学列表以及更多信息。
咨询与课程选择
我们将帮助您选择合适的课程和最好的大学，这是完美的，适合您的学术背景、财务背景和未来计划。
奖学金
有许多外国大学根据学生的学术状况向他们提供奖学金。我们评估学生获得奖学金的可能性，并确保符合条件的学生有机会获得奖学金
申请文件的准备
我们在准备申请文件以及t
<div class="row">
  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
</div>
<div class="row">
  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
</div>

<div class="col-md-12">
  <div class="col-md-3">
    <div class="col-md-12">
      <!-- your content here -->
    </div>
    <div class="col-md-12">
      <!-- your content here -->
    </div>
  </div>
  <div class="col-md-3">
    <div class="col-md-12">
      <!-- your content here -->
    </div>
    <div class="col-md-12">
      <!-- your content here -->
    </div>
  </div>
  <div class="col-md-3">
    <div class="col-md-12">
      <!-- your content here -->
    </div>
    <div class="col-md-12">
      <!-- your content here -->
    </div>
  </div>
  <div class="col-md-3">
    <div class="col-md-12">
      <!-- your content here -->
    </div>
    <div class="col-md-12">
      <!-- your content here -->
    </div>
  </div>
</div>

<section>
    <div class="container">
        <div class="row">
           <div class="col-md-12">
               <h4>Some Detail</h4>
               <div class="row">
                   <div class="col-md-3"></div>
                   <div class="col-md-3"></div>
                   <div class="col-md-3"></div>
                   <div class="col-md-3"></div>
               </div>

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

               <div class="row">
                   <div class="col-md-3"></div>
                   <div class="col-md-3"></div>
                   <div class="col-md-3"></div>
                   <div class="col-md-3"></div>
               </div>
           </div>
        </div>
    </div>
</section>

<div id="mysection">
    <div class="container">
        <div class="row">
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>
            <div class="col-md-3 equal-column"></div>

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

Add CSS:
.equal-column{min-height:300px;}

@media (min-width: 992px) {
  .col-md-3:nth-child(4n+1) {
    clear: left;
  }
}