форма HTML: <div class="item-search"> <form id="w0" action="/site/items" method="get"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_ru"> <div class="col-lg-12">ru<input type="text" id="itemsearch-name_ru" class="form-control" name="ItemSearch[name_ru]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_en"> <div class="col-lg-12">en<input type="text" id="itemsearch-name_en" class="form-control" name="ItemSearch[name_en]" value="те"></div> </div> </div> </div> </div> <div class="col-lg-8"> <div class="row"> <div class="col-lg-1" style="width: 50px;"></div> <div class="col-sm-1" style="width: 80px;"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-csgotm_min has-success"> <div class="col-lg-12">от<input type="text" id="itemsearch-csgotm_min" class="form-control" name="ItemSearch[csgotm_min]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-csgotm_max has-success"> <div class="col-lg-12">до<input type="text" id="itemsearch-csgotm_max" class="form-control" name="ItemSearch[csgotm_max]" value=""></div> </div> </div> </div> </div> <div class="col-sm-1" style="width: 80px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-double_min has-success"> <div class="col-lg-12">от<input type="text" id="itemsearch-double_min" class="form-control" name="ItemSearch[double_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-double_max"> <div class="col-lg-12">до<input type="text" id="itemsearch-double_max" class="form-control" name="ItemSearch[double_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 80px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-priceop_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-priceop_min" class="form-control" name="ItemSearch[priceop_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-priceop_max"> <div class="col-lg-12">до<input type="text" id="itemsearch-priceop_max" class="form-control" name="ItemSearch[priceop_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 80px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-tmdoub_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-tmdoub_min" class="form-control" name="ItemSearch[tmdoub_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-tmdoub_max"> <div class="col-lg-12">до<input type="text" id="itemsearch-tmdoub_max" class="form-control" name="ItemSearch[tmdoub_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 80px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-tmop_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-tmop_min" class="form-control" name="ItemSearch[tmop_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-tmop_max"> <div class="col-lg-12">до<input type="text" id="itemsearch-tmop_max" class="form-control" name="ItemSearch[tmop_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 80px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-doubtm_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-doubtm_min" class="form-control" name="ItemSearch[doubtm_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-doubtm_max"> <div class="col-lg-12">до<input type="text" id="itemsearch-doubtm_max" class="form-control" name="ItemSearch[doubtm_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 90px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-doubop_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-doubop_min" class="form-control" name="ItemSearch[doubop_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-doubop_max"> <div class="col-lg-12">до<input type="text" id="itemsearch-doubop_max" class="form-control" name="ItemSearch[doubop_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 100px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-optm_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-optm_min" class="form-control" name="ItemSearch[optm_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-optm_max has-success"> <div class="col-lg-12">до<input type="text" id="itemsearch-optm_max" class="form-control" name="ItemSearch[optm_max]" value=""></div> </div> </div> </div> </div> <div class="col-lg-1" style="width: 60px;"> <div class="row"> <div class="col-lg-5"> <div class="form-group field-itemsearch-opdoub_min"> <div class="col-lg-12">от<input type="text" id="itemsearch-opdoub_min" class="form-control" name="ItemSearch[opdoub_min]" value=""></div> </div> </div> <div class="col-lg-5"> <div class="form-group field-itemsearch-opdoub_max has-success"> <div class="col-lg-12">до<input type="text" id="itemsearch-opdoub_max" class="form-control" name="ItemSearch[opdoub_max]" value=""></div> </div> </div> </div> </div> </div> </div> </div> <div class="hidden"> <button type="submit" class="btn btn-primary">Искать</button> </div> </form> </div> выглядит так http://imgur.com/VBUuNQ7 проблема в том что когда кликаю на мелкие текст поля то курсор не выводится и введенный текст не отображается как исправить?
В инспекторе элементов видно, что там padding мешает. Если навести на форму с .form-control то padding не видно, если padding 0 то всё хорошо. Про эту панель https://developer.chrome.com/devtools/docs/dom-and-styles#metrics-pane говорю.
а если средствами бутстрап? это баг или нет? --- Добавлено --- в примере в последние элементы можно вставить курсор но не видно что печатается
https://jsfiddle.net/0Lcnn6L5/4/ самые нижние схлопнулись --- Добавлено --- вобще тупизна какаято-великий бутстрап и так глючно работает
https://jsfiddle.net/0Lcnn6L5/6/ переписал,все равно глючит а что с сеткой?у меня 9 ячеек,нужно в каждую ячейку впихнуть 2 текстбокса