解决显示在同一行上的html问题

我有这个html5问题。当前课程显示在两个不同的行中。我需要它在一个像无论我添加多少，它一直走到左边，但是的，一次只有2个

像这样的

一------二

3---4

5---6

目前的情况是这样的

1----4

2---5

3---6

希望你能理解我的意思？这是密码

 <!-- courses Start -->
    <section class="section-space-padding">
        <div class="container">
           <div class="row">
                <div class="col-sm-12">
                    <div class="section-title">
                        <h1>Lorem ipsum</h1>
                         <div class="divider dark"></div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>
                    </div>
                </div>
            </div>

            <div class="row">

            <div class="col-md-6 col-sm-6">
                <div class="courses">

                <div class="courses-item">
                    <div class="courses-circle">
                       <i class="icon-book-open"></i> 
                       <p>Lorem ipsum</p>
                    </div>
                    <div class="courses-content courses-color-blue">
                        <h4>Lorem ipsum</h4>
                        <h6>Lorem ipsum</h6>
                        <p class="morecontentdata more">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>
                    </div>
                 </div>

                <div class="courses-item">
                    <div class="courses-circle">
                       <i class="icon-book-open"></i> 
                       <p>Lorem ipsum</p>
                    </div>
                    <div class="courses-content courses-color-blue">
                        <h4>Lorem ipsum</h4>
                        <h6>Lorem ipsum</h6>
                        <p class="morecontentdata more">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>
                    </div>
                 </div>

                <div class="courses-item">
                    <div class="courses-circle">
                       <i class="icon-book-open"></i> 
                       <p>Lorem ipsum</p>
                    </div>
                    <div class="courses-content courses-color-blue">
                        <h4>Lorem ipsum</h4>
                        <h6>Lorem ipsum</h6>
                        <p class="morecontentdata more">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>
                    </div>
                 </div>

             </div>
            </div>

            <div class="col-md-6 col-sm-6">
                <div class="courses">

                <div class="courses-item">
                    <div class="courses-circle">
                       <i class="icon-book-open"></i> 
                       <p>Lorem ipsum</p>
                    </div>
                    <div class="courses-content courses-color-blue">
                        <h4>Lorem ipsum</h4>
                        <h6>Lorem ipsum</h6>
                        <p class="morecontentdata more">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>
                    </div>
                 </div>

                <div class="courses-item">
                    <div class="courses-circle">
                       <i class="icon-book-open"></i> 
                       <p>Lorem ipsum</p>
                    </div>
                    <div class="courses-content courses-color-blue">
                        <h4>Lorem ipsum</h4>
                        <h6>Lorem ipsum</h6>
                        <p class="morecontentdata more">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.</p>
                    </div>
                 </div>

                <div class="courses-item">
                    <div class="courses-circle">
                       <i class="icon-book-open"></i> 
                      <p>Lorem ipsum</p>
                    </div>
                    <div class="courses-content courses-color-blue">
                        <h4>Lorem ipsum</h4>
                        <h6>Lorem ipsum</h6>
                        <p class="morecontentdata more">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend risus sed feugiat faucibus.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                 </div>

             </div>
            </div>

           </div>
        </div>
    </section>
    <!-- courses End -->

乱数假文
Lorem ipsum dolor sit amet，是一位杰出的献身者。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯

同侧眼睑

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧眼睑

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧眼睑

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧眼睑

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧眼睑

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧眼睑

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。这是一个封建的福西布斯。奥勒姆·伊普斯姆·多洛·希特·阿梅特，一位杰出的献祭者

---

稍微修改了结构以固定项目顺序，并添加了一些CSS规则以消除列之间的空间：

.row{
左侧填充：15px！重要；
右边填充：15px！重要；
}
.第col-md-6行，
.第列col-sm-6，
.第列col-xs-6，
.第列col-sm-12{
左侧填充：0px！重要；
右填充：0px！重要；
}

乱数假文
Lorem ipsum dolor sit amet，是一位杰出的献身者。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯

同侧眼底1

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧视野2

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧视野3

乱数假文
乱数假文
Lorem ipsum Door sit amet，是一位杰出的体育精英。维瓦摩斯·伊莱芬德·里索斯被封为封建的福西布斯
同侧视野4

<div class="container">
    <div class="row">
        <div class="col-md-6">1</div>
        <div class="col-md-6">2</div>
        <div class="col-md-6">3</div>
        <div class="col-md-6">4</div>
        <div class="col-md-6">5</div>
        <div class="col-md-6">6</div>
    </div>
</div>