Bootstrapp Affix Function - PullRequest
Новая
       42

Bootstrapp Affix Function

0 голосов
/ 26 ноября 2018

Если я скопирую код из W3Schools на мой веб-сервер, то меню «закрепления» будет работать, пока я ссылаюсь на путь CDN для скрипта и таблицы стилей. 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Если я изменю его нарасположение файлов начальной загрузки, которые я скачал на сервер, тогда не работает, хотя все другие стили начальной загрузки и функции javascript работают при обращении к локальным файлам.Я также попытался загрузить последнюю версию из Bootstrap.

Извините, но, возможно, я упускаю что-то очевидное, но возможно ли загрузить функцию и стили, необходимые для этого?

1 Ответ

0 голосов
/ 26 ноября 2018

Я предлагаю попробовать это: сначала вам нужно установить статические файлы в этом случае Bootstrap (css, js и т. Д.): 

static
....Bootstrap
......CSS
.........bootstrap.min.css
......JS
.........jquery-3.3.1.slim.min.js
.........popper.min.js
.........bootstrap.min.js
....etc
..etc

в этом случае у нас есть папка возможной структуры для статического в эту папкуПоместите папку с содержимым css и js файлами начальной загрузки.затем установите ссылки на файлы CSS и JS в шаблоне, подобном следующему: 

{% load staticfiles %}
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{% static 'Bootstrap/css/bootstrap.min.css' %}">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="{% static 'Bootstrap/js/jquery-3.3.1.slim.min.js' %}"></script>
    <script src="{% static 'Bootstrap/js/popper.min.js' %}"></script>
    <script src="{% static 'Bootstrap/js/bootstrap.min.js' %}"></script>
  </body>
</html>

, теперь вам нужно это в ваших settings.py:

..
..
..
STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
    '/static/',
]
...
..

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

Для загрузки Bootstrap4, 3..etc .. перейдите на официальный сайт:

Официальный сайт Bootstrap

...