html - Set Container to vertical columns instead of rows -


i have been given task of editing friends' website. have limitted html/css knowledge.

can please tell me how display ffg code vertically (in columns) instead of in rows.

sample code editor :

 <div class="content-section-a">      <div class="container">          <div class="column">             <div class="col-lg-5 col-sm-6">                 <hr class="section-heading-spacer">                 <div class="clearfix"></div>                 <h2 class="section-heading">member of the<br>smartrac group</h2>                 <p class="lead">smartrac national consulting firm provides creative , sustainable solutions challenges facing modern business</p>             </div>            <!-- <div class="col-lg-5 col-lg-offset-2 col-sm-6">                 <img class="img-responsive" src="img/ipad.png" alt="">             </div>-->         </div>      </div>     <!-- /.container -->  </div> <!-- /.content-section-a -->  <div class="content-section-b">      <div class="container">          <div class="column">             <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">                 <hr class="section-heading-spacer">                 <div class="clearfix"></div>                 <h2 class="section-heading">compliance in terms of :<br>consumer protection act</h2>                 <p class="lead">all suppliers of goods , services need take note of new measures , ensure able comply act's requirements. let realise that.</p>             </div>              <!--<div class="col-lg-5 col-sm-pull-6  col-sm-6">                 <img class="img-responsive" src="img/dog.png" alt="">             </div>-->         </div>      </div>     <!-- /.container --> 

this appears row going acrosswith text , placeholder pic client doesnt want anymore, have commented out.

how display text next each other vertically in eg columns on 1 line , not seperately

you have put 2 blocks in row , remove col-lg-offset-1 , col-sm-push-6 :

<div class="container">      <div class="row">         <div class="col-lg-5 col-sm-6">             <hr class="section-heading-spacer">             <div class="clearfix"></div>             <h2 class="section-heading">member of the<br>smartrac group</h2>             <p class="lead">smartrac national consulting firm provides creative , sustainable solutions challenges facing modern business</p>         </div>            <div class="col-lg-5  col-sm-6">             <hr class="section-heading-spacer">             <div class="clearfix"></div>             <h2 class="section-heading">compliance in terms of :<br>consumer protection act</h2>             <p class="lead">all suppliers of goods , services need take note of new measures , ensure able comply act's requirements. let realise that.</p>         </div>     </div>  </div> <!-- /.container --> 


Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -