#javascript #jquery #html #css #twitter-bootstrap-3
#javascript #jquery #HTML #css #twitter-bootstrap-3
Вопрос:
Я хотел бы использовать только панель навигации начальной загрузки на своем веб-сайте без необходимости загружать весь код начальной загрузки, поскольку это мешает моим текущим классам и разделам.
Кто-нибудь может сказать мне, какие параметры включить в мою пользовательскую загрузку?
Я нажал на навигационную панель (она помечает другие параметры, которые, как я полагаю, необходимы для работы навигационной панели), но моя навигационная панель не будет работать после включения css.
В моем коде есть ссылки на Jquery и Bootstrap CDN, поэтому я уверен, что это просто CSS.
Большое спасибо,
Комментарии:
1. Пожалуйста, отправьте свой код навигационной панели. спасибо.
2. Вот скрипка . РЕДАКТИРОВАТЬ: это стандартный код навигационной панели с веб-сайта. Я хотел убедиться, что она работает, прежде чем менять ее.
Ответ №1:
Хорошо….. Проблема решена! Адриан пропустил только один выбор (анимацию компонентов). … панель навигации в мобильном приложении всегда была открыта, а не «нажмите, чтобы открыть». Спасибо Адриану за отправную точку.
Я сделал это трудным путем …. методом проб и ошибок.
Чтобы получить минимизированные файлы сценариев и css, которые позволяют навигационной панели работать как в настольных, так и в мобильных форматах отображения … … вам необходимо установить следующие флажки:
Общий CSS
- Сеточная система
- Формы
- Кнопки
- Адаптивные утилиты
Компоненты
- Навигаторы
- Навигационная панель
Компоненты Javascript
- Выпадающие списки
- Анимация компонентов (для JS) (включает свертывание)
Плагины jQuery
- Выпадающие списки
- Коллапс
Бинго!
Чертовски чудесно!!!!!
Ответ №2:
Для полного navbar , как на изображении ниже,
Нормальный
Рухнул
Перейдите по этой ссылке — getbootstrap.com/customize
После этого снимите все флажки, кроме следующих:
Общий CSS
- Сеточная система
- Формы
- Кнопки
- Адаптивные утилиты
Компоненты
- Navs
- Навигационная панель
Компоненты Javascript
- Выпадающие списки
Плагины jQuery
- Выпадающие списки
- Свернуть
Нажмите кнопку «скомпилировать и загрузить» в нижней части страницы.
Или просто загрузите настройки, которые я сделал.
Настраиваемая ссылка для загрузки начальной загрузки
Автономная демонстрация (сначала загрузите)
Комментарии:
1. В зависимости от вашей скрипки это работает, но я думаю, вам также следует включить другие компоненты. Формы, навигаторы, панель навигации, выпадающий список и базовая утилита.
2. Панель навигации в моей скрипке не включает / выключает включение / выключение свертывания.
3. Привет @SkewerHed, просто чтобы убедиться, что мой ответ работает, я сначала попробовал его. И, пожалуйста, ознакомьтесь с обновленным ответом.
Ответ №3:
Bootstrap 4
Если вы используете Bootstrap 4 и не смогли найти «Настройку начальной загрузки», есть альтернатива, называемая Bootstrap Theming
Вот минимальные файлы SCSS, необходимые для работы Navbar:
// Required (Must-have for any SCSS file(s) to work)
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";
// Bootstrap Navbar Styles
@import "node_modules/bootstrap/scss/reboot"; // Bootstrap Normalize (If you don't need normalization, delete it)
@import "node_modules/bootstrap/scss/grid"; // You can get rid of it, the layout will get worse on Mobile, but you can fix it
@import "node_modules/bootstrap/scss/nav";
@import "node_modules/bootstrap/scss/navbar";
@import "node_modules/bootstrap/scss/dropdown";
@import "node_modules/bootstrap/scss/transitions"; // When click on Mobile Button Menu Toggle, the menu gets collapse/uncollapse