За последние 24 часа нас посетили 20058 программистов и 1695 роботов. Сейчас ищут 1892 программиста ...

bootstrap выравнивание

Тема в разделе "HTML и CSS", создана пользователем vikrorpert, 5 июн 2016.

  1. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    есть кусок кода
    HTML:
    1.  
    2. <div class="row">
    3.  
    4.   <div class="col-lg-4">
    5.  
    6.   <div class="row">
    7.  
    8.   <div class="col-lg-2">
    9.   <div class="form-group field-itemsearch-csgotm">
    10. <label class="control-label" for="itemsearch-csgotm">CSGO.TM</label>
    11. </div>  </div>
    12.  
    13.   <div class="col-lg-5">
    14.   <div class="form-group field-itemsearch-csgotm_min has-success">
    15. <div class="col-lg-12">от<input type="text" id="itemsearch-csgotm_min" class="form-control" name="ItemSearch[csgotm_min]"></div>
    16. </div>  </div>
    17.   <div class="col-lg-5">
    18.   <div class="form-group field-itemsearch-csgotm_max">
    19. <div class="col-lg-12">до<input type="text" id="itemsearch-csgotm_max" class="form-control" name="ItemSearch[csgotm_max]"></div>
    20. </div>  </div>
    21.   </div>
    22.  
    23.   </div>
    24.  
    25.   <div class="col-lg-4">
    26.  
    27.   <div class="row">
    28.  
    29.   <div class="col-lg-2">
    30.   <div class="form-group field-itemsearch-double">
    31. <label class="control-label" for="itemsearch-double">DOUBLE1</label>
    32. </div>  </div>
    33.  
    34.   <div class="col-lg-5">
    35.   <div class="form-group field-itemsearch-double_min">
    36. <div class="col-lg-12">от<input type="text" id="itemsearch-double_min" class="form-control" name="ItemSearch[double_min]"></div>
    37. </div>  </div>
    38.   <div class="col-lg-5">
    39.   <div class="form-group field-itemsearch-double_max">
    40. <div class="col-lg-12">до<input type="text" id="itemsearch-double_max" class="form-control" name="ItemSearch[double_max]"></div>
    41. </div>  </div>
    42.   </div>
    43.  
    44.   </div>
    45.  
    46.   <div class="col-lg-4">
    47.  
    48.   <div class="row">
    49.  
    50.   <div class="col-lg-2">
    51.   <div class="form-group field-itemsearch-priceop">
    52. <label class="control-label" for="itemsearch-priceop">OPSKINS</label>
    53. </div>  </div>
    54.  
    55.   <div class="col-lg-5">
    56.   <div class="form-group field-itemsearch-priceop_min">
    57. <div class="col-lg-12">от<input type="text" id="itemsearch-priceop_min" class="form-control" name="ItemSearch[priceop_min]"></div>
    58. </div>  </div>
    59.   <div class="col-lg-5">
    60.   <div class="form-group field-itemsearch-priceop_max">
    61. <div class="col-lg-12">до<input type="text" id="itemsearch-priceop_max" class="form-control" name="ItemSearch[priceop_max]"></div>
    62. </div>  </div>
    63.  
    64.   </div>
    65.  
    66.  
    67.   </div>
    68.  
    69.   </div>
    70.  
    71.  
    так он выглядит
    http://imgur.com/qn5Pi2e

    вопрос-как левые жирные метки опустить вниз и выровнять с текст боксами?
     
  2. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    <label class="control-label" for="itemsearch-csgotm">CSGO.TM</label>
    Я что-то не вижу элемента с таким идентификатором.
     
  3. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    HTML:
    1. <div class="col-lg-2">
    2.   <div class="form-group field-itemsearch-csgotm">
    3. <label class="control-label" for="itemsearch-csgotm">CSGO.TM</label>
    4. </div>  </div>
    вот этот элемент надо опустить