React Bootstrap Navbar

Question

Я использую реакцию с bootstrap (не реакцией-загрузкой) и работаю на навигационной панели.

Навигатор на определенной ширине (< 768px) становится мобильной навигационной панелью со ссылками в свернутом виде, как вы, вероятно, уже знаете.

Есть ли способ узнать, находится ли он в мобильном режиме? У меня есть кнопка поиска, в которой я хочу, чтобы событие onclick отличалось в каждом представлении.

Answer 1

Вы можете использовать Ctrl-Shift-I, затем Ctrl-Shift-M в chrome, чтобы открывать инструменты разработчика и эмулировать мобильное устройство, тогда вы можете беспорядочно перемещаться и видеть, как он меняется, когда он переходит в мобильный режим.

Вы также можете проверить элемент навигационной панели, и когда он переходит в мобильную версию, инструменты разработчика должны мигать, показывая, что к нему применяются новые классы и css.