Ошибка пользовательского интерфейса панели управления ASP.NET MVC Bootstrap

Вопрос:

Я установил новый веб-сайт ASP.NET MVC, используя настройки по умолчанию в Visual Studio 2013. Я обновил все используемые библиотеки, чтобы у меня была установлена последняя версия bootstrap и другие библиотеки CSS, JavaScript и MS.

Я обнаружил, что если вы добавите базовую форму с проверкой, панель навигации Bootstrap не останется на вершине, она упадет до середины экрана на iPhone. Вот скриншот: enter image description here

Вы заметите, что меню находится в середине экрана, а не сверху.

Чтобы дублировать, откройте URL-адрес на iPhone, просто нажмите кнопку “Отправить”, которая приведет к ошибке проверки и отобразит проблему с пользовательским интерфейсом.

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

Каково решение привязки панели навигации?

Лучший ответ:

С помощью опытного программиста CSS я смог разрешить следующие обновления:

Запустите следующий JavaScript после загрузки:

var is_ios = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
      if(is_ios) {
        $(document)
        .on('focus', 'input, textarea', function(e) {
            $('body').addClass('fixfixed');
        })
        .on('blur', 'input, textarea', function(e) {
            $('body').removeClass('fixfixed');
        });        
      }

Добавлены следующие обновления CSS:

.form .form-control {
  font-size: 16px;
}

.fixfixed .navbar {
  position: relative;
  top: auto;
}

Оцените статью
TechArks.Ru
Добавить комментарий