- Почему bootstrap не работает, хотя я загрузил его и т.д. (Проект Django)?
- Почему бутстрап не работает, хотя я его загрузил и т. Д. (Проект Django)?
- Why bootstrap doesn’t work although I have loaded it, etc. (Django project)?
- Не работает bootstrap
- 2 ответа 2
- обрати внимание в STATICFILES_DIRS у меня bootstrap папка называется
- Выпадающее меню Bootstrap не работает
- 18 ответов:
- резюме (a.k.a. tl;dr)
- симптомы
- решение
Почему bootstrap не работает, хотя я загрузил его и т.д. (Проект Django)?
Я работаю над этим проектом Django. Функциональность работает отлично. Когда я начал работать в интерфейсе с помощью Bootstrap3, я столкнулся с некоторыми проблемами (скорее, путаницами).
Во-первых, я установил django-bootstrap3 с помощью командной строки:
Установка прошла успешно. Bootstrap3 был загружен в это место на моем компьютере. C:\python34\lib\site-packages. Затем я включил его в качестве стороннего приложения в settings.py в список INSTALLED_APPS в моей основной директории проекта, например:
Также в settings.py я включил jQuery так:
Я изменил base.html, чтобы включить элементы начальной загрузки. У меня есть два приложения, пользователи и mynotess (извините за плохое имя)
base.html
EDIT: base.html находится в нижней части вопроса.
По какой-то причине я загрузил localhost: 8000, и он все еще был в нормальной уродливой HTML-форме. Я проверил он-лайн, и я нашел некоторые ссылки CDN и подумал, может быть, если бы я использовал ссылки CDN, это сработало бы.
Затем я включил это в файл base.html, скопированный прямо с сайта Bootstrap.
(Я включил ссылки в разделе главы и сценарии в разделе тела документа HTML).
Это сработало! Однако, когда я удалил bootstrap3 из моего INSTALLED_APPS и весь код, загружающий bootstrap3, который был установлен на моем компьютере (например, <% load bootstrap3%>, это не сработало, оно вернулось к уродливому HTML-формату., когда я удалил ссылки CDN и сохранил весь код bootstrap3, который загрузил загрузочную загрузку, установленную на моем компьютере, он также вернулся к уродливому HTML-формату.
Это должно быть так? Согласно книге, что я в настоящее время ниже для этого проекта, я даже не должен включать ссылки и скрипты CDN (книга не упоминает их вообще), и он должен работать.
Если это не должно быть так, есть ли что-то не так с моим кодом, который вызывает это? Я пропустил какой-то шаг? Являются ли файлы bootstrap3 в правильном каталоге? (я только что загрузил его, используя команду pip через командную строку, и я не переместил ее нигде)
Функциональность моего сайта Django работает отлично. Любая помощь, объяснения или предложения приветствуются!
EDIT: base.html должен был бы быть таким, если бы я хотел, чтобы элементы Bootstrap отображались.
Если бы я удалил только ссылки CDN, это не сработало. Аналогично, если бы я удалил только теги шаблонов, это тоже не сработало.
Источник
Почему бутстрап не работает, хотя я его загрузил и т. Д. (Проект Django)?
Я работаю над этим проектом Django. Функциональность отлично работает. Когда я начал работать над внешним интерфейсом с помощью Bootstrap3, у меня возникли некоторые проблемы (больше похоже на путаницу).
Сначала я установил django-bootstrap3, используя командную строку, вот так:
Установка прошла успешно. Bootstrap3 был загружен в это место на моем компьютере c: \ python34 \ lib \ site-packages Затем я включил его в качестве стороннего приложения в settings.py в список INSTALLED_APPS в моей основной директории проекта примерно так:
Также в settings.py я включил jQuery так:
Я изменил свой base.html , чтобы включить элементы начальной загрузки. У меня есть два приложения: пользователи и mynotess (извините за плохое наименование)
РЕДАКТИРОВАТЬ : base.html находится внизу вопроса.
По какой-то причине я загрузил localhost: 8000 , и он все еще находился в обычной уродливой HTML-форме. Я проверил онлайн, и я нашел некоторые ссылки CDN и подумал, может быть, если я просто использовал ссылки CDN, это будет работать.
Затем я включил это в base.html , скопированный прямо с сайта Bootstrap.
(Я включил ссылки в разделе head и скрипты в разделе body документа HTML).
Это сработало! Однако , когда я удалил bootstrap3 из моего INSTALLED_APPS и весь код, который загружает bootstrap3, который был установлен на моем компьютере (например, , это не сработало. Вернулось к уродливому формату HTML. Точно так же, когда я удалил ссылки CDN и сохранил весь код bootstrap3, который загружал загрузчик, установленный на моем компьютере, он вернулся к уродливому формату HTML.
Это должно быть так? Согласно книге, которой я сейчас следую за этим проектом, мне даже не нужно включать ссылки и сценарии CDN (книга не упоминает их вообще ), и это должно работать ,
Если это не так, значит что-то не так с моим кодом, который вызывает это? Я пропустил какой-то шаг? Мои файлы начальной загрузки находятся в правильном каталоге? (я просто скачал его с помощью командной строки через pip и больше никуда не перемещал)
Функциональность моего сайта Django работает просто отлично. Любая помощь, объяснения или предложения с благодарностью!
ИЗМЕНИТЬ : base.html должен был бы быть таким, если бы я хотел, чтобы элементы Bootstrap отображались.
Если бы я удалил только ссылки CDN, это не сработало бы. Точно так же, если бы я удалил только теги шаблона, это тоже не сработало бы.
Источник
Why bootstrap doesn’t work although I have loaded it, etc. (Django project)?
I’m working on this Django project. The functionality works perfectly fine. When I started working on the front-end using Bootstrap3, I ran into some issues (more like confusions).
First, I installed django-bootstrap3 using command prompt like so:
The installation was successful. Bootstrap3 was downloaded into this location in my computer c:\python34\lib\site-packages Then, I included it as a third-party app in settings.py in the list of INSTALLED_APPS in my main project directory like so:
Also in settings.py, I included jQuery like so:
I modified my base.html to include the bootstrap elements. I have two apps, users and mynotess (sorry for bad naming)
base.html
EDIT: base.html is at the bottom of question.
For some reason, I loaded up localhost:8000 and it was still in the normal ugly HTML form. I checked online, and I found some CDN links and thought maybe if I just used the CDN links, it would work.
I then included this in base.html, copied right from Bootstrap’s website.
(I included the links in the head section and the scripts in the body section of the HTML document).
It worked! However, when I removed the bootstrap3 from my INSTALLED_APPS and all the code that loads up bootstrap3 that was installed on my computer (such as , it didn’t work. It went back to the ugly HTML format. Similarly, when I removed the CDN links and kept all the bootstrap3 code that loaded bootstrap installed on my computer, it went back to the ugly HTML format as well.
Is it supposed to be like this? According to a book that I’m currently following for this project, I don’t even have to include the CDN links and scripts (the book doesn’t mention them at all) and it ought to work.
If it’s not supposed to be like this, is there something wrong with my code that’s causing this? Am I missing some step? Are my bootstrap3 files in the correct directory? (i just downloaded it using pip through command prompt and I didn’t move it anywhere else)
The functionality of my Django website works just fine. Any help, explanations, or suggestions are greatly appreciated!
EDIT: base.html would have to be like this if I wanted the Bootstrap elements to show up.
If I removed just the CDN links, it wouldn’t work. Similarly, if I removed just the template tags, it wouldn’t work either.
Источник
Не работает bootstrap
Ребят, такая проблема. Не работает bootstrap. Скачал с официального http://getbootstrap.com/ , распаковал себе в папку static. Прописал в settings путь для static. Беру стандартную страницу из примеров, копирую в свой шаблон, не работает и все тут. Не отображается никак, как будто вообще без него, лишь текст. Наведите на путь пожалуйста.
2 ответа 2
В шаблоне нужно прописать пути к статике. Те что вы взяли из примеров — неправильные.
только правильно пропишите путь к своему css.
Вот добавишь настройку
обрати внимание в STATICFILES_DIRS у меня bootstrap папка называется
То есть я когда загружал папку так её и назвл. Помещаешь её куда хочешь в проекте, лучше в папку static, но к этому мы придём То есть берёшь папку со всеми файлами и просто вставляешь в проект.
А вот как выгядят настройки в html помести перед head 9а вообще похрен где, там мешать не будут и быстрее читаться.
Теперь обпати внимание, я говорил, что что у меня сам бутстрап находится в папке bootstrap, но как видишь здесь она не указывается.
- Как вообще проверять пути.
- Копируешь сам путь. например css/bootstrap.min.css
- в manage.py запускаешь команду findstatic и вставляешь ( я пишу вставляешь потому что работаю в PyCharm), то что скопировал.
- Если путь верный. то напишет весь путь. если не верный то красный напишет не найден
- Всё работает твой бутстрап, да пути на сервере могут отличаться.
Важно. так как ты вставляешь тег static значит потом в шаблоне в самом начале добавляешь <% load staticfiles %>— для того, что бы работал тег static (не имеет ни какого отношения к папке static, почитай про теги) Можно в базовый заложить, если пока не знаешь, то в каждый добавляй.
Да и на крайняк отпредли сразу эту настройку
Теперь когда получилось можно скопировать в папку static, добавив в настройку os.path.join(BASE_DIR, ‘ static /bootstrap’), а с проекта удалить, будет работать быстрее
Думаю принцип теперь понятен, я много раз скачивал разные проекты, у них всегда бутсрап отдельно идёт.
Источник
Выпадающее меню Bootstrap не работает
У меня возникли проблемы с получением моего меню на работу. Я могу заставить navbar отлично отображаться, но когда я нажимаю на «выпадающее меню» (любой из них), он не отображает выпадающее меню. Я пробовал смотреть на другие сообщения об этом, но ничего, что исправило проблемы каждого, не помогло. Я скопировал источник прямо с сайта bootstrap, но я не могу заставить его работать на моей машине. У кого-нибудь есть идеи? Я смотрел на него в течение часа и не могу понять, что такое проблема.
18 ответов:
и посмотреть, если он будет работать.
У меня был проект bootstrap + rails, и выпадающий список работал нормально. Они перестали работать после обновления.
Это решение, которое исправило проблему, добавьте следующее .js file:
100% рабочего раствора
просто поместите ссылку Jquery в первую очередь ссылки js и css
Пример Правильного
Пример Неверный!
поставить ссылку на jQuery и JS, прежде чем связать начальной загрузки JS и вот так:
в случае, если кто-то еще сталкивается с той же проблемой, не забудьте проверить ваш код просмотр исходного кода страницы в вашем браузере, чтобы проверить, загружены ли все файлы jquery и bootstrap и правильные пути к файлу. Самое главное! убедитесь, что используете последнюю стабильную файл с jQuery.
я столкнулся с этим, когда я использовал ASP .NET формы. Решение, которое я использовал, удаляло или комментировало ссылки jQuery и Bootstrap из на главной странице. Кажется, это создает конфликт с ссылками jQuery и Bootstrap, которые вы помещаете в .
похоже, что для Rails 4 нужно сделать больше.
внутри вас Gemfile добавить.
Далее вам нужно запустить
это та часть, о которой никто не упоминал
откройте конфигурацию / приложение.рубидий файл
добавить это прямо перед вторым до последнего конца
config.активы.предварительная компиляция += %w(*.формат PNG.* формат JPG.* в формате JPEG *.gif)
как видно здесь около 20% вниз по странице.
далее Создать заказ.стиль CSS.scss файл в этом каталоге
как видно здесь немного ниже от вышеизложенного задача
внутри этого файла Include
теперь остановите сервер и перезагрузите его, и все должно работать нормально.
Я попытался запустить bootstrap без использования драгоценного камня, но это не сработало для меня.
надеюсь, что это поможет кому-то!
Я использую rails 4.0 и столкнулся с той же проблемой
вот мое решение, которое прошло испытание
добавить в Gemfile
затем добавьте в приложение / активы / javascripts / application.js
тогда выпадающий список должен работать
кстати, решение Криса также работает для меня.
но я думаю, что это меньше соответствует идее трубопроводных активов
Я думаю, что это вопрос маршрута ваш файл маршрута. Ни загрузочный файл, ни файл JQuery.
в моем случае, отключение расширений Chrome исправил. Я удалил их из хрома один за другим, пока не нашел виновника.
Так как я автор оскорбительного расширения Chrome, я думаю, мне лучше исправить расширение!
моя версия bootstrap указывала на bootstap4-alpha,
изменить на 4-бета
и он начал работать
проблема в том, что href-это href=»#» вы должны удалить href=»#» во всех тегах
для Bootstrap 4 вам нужна дополнительная библиотека. Если Вы читаете консоль браузера, Bootstrap фактически напечатает сообщение об ошибке, сообщающее вам, что вам это нужно для выпадающего списка для работы.
в угловых проектах мы добавляем angular-cli.json или угловой.в JSON строки тезисы:
согласно getBootstrap.com, выпадающие списки построены на сторонней библиотеке Popper.js. Итак, если выпадающее меню не работает onclick, но работает только при наведении указателя мыши на выпадающее меню, включите popper.js, bootstrap.js и bootstrap.стиль CSS. Не считая Поппера.js перед включением пакетов bootstrap может быть одной из причин.
может быть, кто-то там может извлечь выгоду из этого:
резюме (a.k.a. tl;dr)
выпадающие списки Bootstrap перестали выпадать из-за обновления с django-bootstrap3 версия 6.2.2 to 11.0.0 .
мы столкнулись с подобной проблемой в наследство django сайт, который сильно зависит от bootstrap через django-bootstrap3 . Сайт всегда работал нормально, и продолжал делать это в производстве, но не на нашей локальной тестовой системе. Их не было очевидные связанные изменения в коде, поэтому проблема зависимости была наиболее вероятной.
симптомы
при посещении сайта на локальный тестовый сервер django, это выглядело совершенно нормально на первый взгляд: стиль / макет с использованием bootstrap как и ожидалось, включая навигационную панель. Однако все выпадающие меню не удалось опустить.
нет ошибок в консоли браузера. Все статично js и css файлы были загружены успешно, и функциональность от других пакеты, полагающиеся на jquery работает, как ожидалось.
решение
выяснилось, что django-bootstrap3 пакет в нашей локальной среде python был обновлен до последней версии, 11.0.0 , в то время как сайт был построен с использованием 6.2.2 .
откат django-bootstrap3==6.2.2 решил проблему для нас, хотя я понятия не имею, что именно вызвало его.
я попробовал все вышеперечисленные ответы и единственная версия, которая работает для меня-это jquery 1.11.1. Я пробовал со всеми другими версиями 1.3.2, 1.4.4, 1.8.2, 3.3.1 и выпадающий список navbar не работает.
просто используйте этот 100% рабочий трюк, чтобы решить проблему выпадающего меню Bootstrap.
вставьте оба этих файла в любом месте страницы после открытия тега body. Если вы вставляете их внутри тега тела, то ваша проблема сохраняется.
Источник