Как я могу выровнять этот div слева, используя CSS?

Question

У меня есть этот сайт:

link

Я хочу, чтобы осталось выровнять этот DIV. Я прикрепил к себе рис, чтобы понять, что я хочу делать.

КОД HTML:

<div class="alt-service-grid"> 
    <div class="row"> 
     <div class="col-sm-6 col-md-3 col-lg-3">//SOME CODE HTML</div> 
     <div class="col-md-6 col-lg-6 hidden-xs hidden-sm">//SOME CODE HTML</div> 
     <div class="col-sm-6 col-md-3 col-lg-3"> 
       <div class="alt-service-wrap"> 
       //SOME CODE HTML 
       </div> 
       <div class="alt-service-wrap"> 
       //SOME CODE HTML 
       </div> 
       <div class="alt-service-wrap"> 
       //This is myDiv,align-left 
       </div> 
     </div> 
    </div> 
</div> 

Этот сайт сделан с Wordpess и я использую платный шаблон. Я пробовал наконец делить, чтобы добавить паровую таблицу html float:left;

Можете ли вы помочь мне решить эту проблему, пожалуйста?

Заранее благодарен!

Answer 1

Вы должны поместить его после ряда класса div

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<div class="alt-service-grid"> 
 
    <div class="row"> 
 
     <div class="col-sm-6 col-md-3 col-lg-3">//SOME CODE HTML</div> 
 
     <div class="col-md-6 col-lg-6 hidden-xs hidden-sm">//SOME CODE HTML</div> 
 
     <div class="col-sm-6 col-md-3 col-lg-3"> 
 
       <div class="alt-service-wrap"> 
 
       //SOME CODE HTML 
 
       </div> 
 
       <div class="alt-service-wrap"> 
 
       //SOME CODE HTML 
 
       </div> 
 

 
     </div> 
 
    </div> 
 
       <div class="alt-service-wrap"> 
 
       //This is myDiv,align-left 
 
       </div> 
 
</div>

Answer 2

Вы можете изменить место вашего DIV и сделать это в первом col-sm-6 col-md-3 col-lg-3 DIV:

<div class="alt-service-grid"> 
    <div class="row"> 
     <div class="col-sm-6 col-md-3 col-lg-3"> 
      <div class="alt-service-wrap"> 
       //SOME CODE HTML 
      </div> 
      <div class="alt-service-wrap"> 
       //This is Your Div 
      </div> 
     </div> 
     <div class="col-md-6 col-lg-6 hidden-xs hidden-sm">//SOME CODE HTML</div> 
     <div class="col-sm-6 col-md-3 col-lg-3">//SOME CODE HTML</div> 
    </div> 
</div>