在CSS

Question

好吧所以这是一个简单的问题，但我现在已经解决了一段时间了，我想知道是否有任何更简单的方法将这个div从一个列转换为一个行，这是现在的格式。

问题

那我怎么把它变成列？我在网上免费获得这个模板，所以我可能会有点困惑，我尝试更改填充大小等但是它会破坏整个布局，

.service-list {
  padding: 0 0 0 0;
  font-size: 14px;
  margin-bottom: 40px;
}

.service-list-col1 {
  float: left;
  width: 60px;
}

.service-list-col3 {
  float: left;
  width: 60px;
}

.service-list-col4 {
  float: left;
  width: 60px;
}

.service-list-col1 i {
  font-style: normal;
  font-size: 38px;
  display: block;
  color: #222;
  font-family: 'FontAwesome';
  line-height: 38px;
}

.service-list-col2 {
  overflow: hidden;
}

.main-section.alabaster {
  background: #fafafa;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<section class="main-section" id="service">
  <!--main-section-start-->
  <div class="container">
    <h2>Services</h2>
    <h6>Your investment plus our market experience, endless possibilities.</h6>
    <div class="row">
      <div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
        <div class="service-list">
          <div class="service-list-col1"><img src="img/iconn.png" alt="" width="39" height="37" /></div>
          <div class="service-list-col2">
            <h3>Business development &amp; Project Syndication</h3>
            <p>Highest and Best Use Study for Properties<br> Syndication of Projects<br> Project Feasibility Studies<br> Jumpstarting a New Business<br> Brand Planning<br> Business Planning</p>
          </div>
        </div>
        <div class="service-list">
          <div class="service-list-col3"><img src="img/iconn.png" alt="" width="39" height="37" /></div>
          <div class="service-list-col2">
            <h3>investors support and management advisory</h3>
            <p>Business Opportunity Scanning<br> Investment Planning &amp; Implementation<br> Negotiations with Local Partners<br> Advisory on Business Entry into Philippines<br> Management to Reposition Existing Property.</p>
          </div>
        </div>
        <div class="service-list">
          <div class="service-list-col4"><img src="img/iconn.png" alt="" width="39" height="37" /></div>
          <div class="service-list-col2">
            <h3>strategies in marketing development, marketing, and sales.</h3>
            <p>Strategic Market Research and Planning<br> Positioning &amp; Branding Strategies<br> Market Development Strategies<br> Customized Strategic Marketing &amp; Sales<br> Interventions
            </p>
          </div>
        </div>
      </div>
      <figure class="col-lg-8 col-sm-6  text-right wow fadeInUp delay-02s"> </figure>

    </div>
  </div>
</section>
<!--main-section-end-->