Bootstrap Мобильный css работает только при прокрутке вниз - PullRequest
Новая
       37

Bootstrap Мобильный css работает только при прокрутке вниз

0 голосов
/ 13 апреля 2020

У меня выпал вопрос. Я загружаю форму поиска, используя Ajax. css применяется правильно. Единственная проблема в нижнем поле. Нижняя маржа применяется при прокрутке в мобильном представлении

При загрузке формы в ajax в мобильном представлении

enter image description here

И когда вы прокручиваете вниз на мобильном телефоне, автоматически применяется нижнее поле.

enter image description here

Я не знаю, что происходит

Мой код 

<div class="form-group col-md-6 col-sm-6 col-lg-4 no-margin manage_boot" >   
                        <div class="col-sm-4 col-xs-4 col-lg-4 col-md-4 no-padding search_title" >Gender:</div>
                        <div class="selector col-md-8 col-sm-8 col-lg-8 col-xs-8 no-padding">
                             <!-- select box -->
                        </div>
                    </div>


                    <!--Nationality-->
                    <div class="form-group col-md-6 col-sm-6 col-lg-4 no-margin manage_boot" >   
                        <div class="col-sm-4 col-xs-4 col-lg-4 col-md-4 no-padding search_title" >Nationality:</div>
                        <div class="selector col-md-8 col-sm-8 col-lg-8 col-xs-8 no-padding">
                             <!-- select box -->
                        </div>
                    </div>

Мой Ajax код 

$.ajax({
            url:'<?= SUB_URL ?>/services_html/more_advance_search',
            type:'post',
            data:{where_condition:1},
            success:function (data) {                
                $('#search_collapse').html(data);

1 Ответ

0 голосов
/ 13 апреля 2020

Добавлена ​​css "строка" вдоль bootstrap Css, исправлена ​​проблема 

<div class="form-group row col-md-6 col-sm-6 col-lg-4 no-margin manage_boot" >   
                        <div class="col-sm-4 col-xs-4 col-lg-4 col-md-4 no-padding search_title" >Gender:</div>
                        <div class="selector col-md-8 col-sm-8 col-lg-8 col-xs-8 no-padding">
                             <!-- select box -->
                        </div>
                    </div>


                    <!--Nationality-->
                    <div class="form-group row col-md-6 col-sm-6 col-lg-4 no-margin manage_boot" >   
                        <div class="col-sm-4 col-xs-4 col-lg-4 col-md-4 no-padding search_title" >Nationality:</div>
                        <div class="selector col-md-8 col-sm-8 col-lg-8 col-xs-8 no-padding">
                             <!-- select box -->
                        </div>
                    </div>
...