Как подключить к сайту фреймворк Uikit 3?

Как подключить к проекту css фреймворк Uikit 3?

2 симпатии

Скачайте с GitHub последнюю версию фреймворка.

Подключите к сайту три файла:

  • uikit.min.css
  • uikit.min.js
  • uikit-icons.min.js

Например, так (если вы хотите, чтобы файлы лежали у вас):

        <link rel="stylesheet" href="css/uikit.min.css" />
        <script src="js/uikit.min.js"></script>
        <script src="js/uikit-icons.min.js"></script>

Или так:

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/[uikit-version]/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/[uikit-version]/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/[uikit-version]/js/uikit-icons.min.js"></script>

Проверьте, работает фреймворк Uilit3 или нет, просто добавив в шаблон для пробы иконку:

<span uk-icon="icon: check; ratio: 2"></span>

У вас должна появиться иконка.

Для дальнейшего использования ознакомьтесь с руководством:

4 симпатии