Комплект пользовательского интерфейса: использование компонентов (новичок)

Искал ответы на этот вопрос, но не нашел.

Я хотел бы знать, как использовать компоненты UIkit. Я создаю простую страницу (HTML/CSS) и не могу использовать функции UIkit. Например, я хочу использовать компонент подсказки. Вот код, который я использую для «введения» соответствующих компонентов css/js в заголовок (не знаю термина):

<!-- Tooltip CSS -->
<link rel="stylesheet" type="text/css" href="css/components/tooltip.css">

<!-- Tooltip Javascript -->
<script src="js/components/tooltip.js"></script>

Пути к папкам указаны правильно - я думал, что у меня неправильное форматирование этих ссылок. Пожалуйста, дайте мне знать, какая еще информация вам может понадобиться. Спасибо!


javascript html css getuikit
person wakanda_official_tourism    schedule 29.05.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У вас отсутствуют файлы, и у вас есть опечатка в вашей ссылке css / отсутствует перед >

Вам нужно вставить основные файлы uikit css/js, а затем добавить дополнительные компоненты.

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="uikit.min.css" />
        <script src="uikit.min.js"></script>
    </head>
    <body>
    </body>
</html>

Это минимум, который вам нужно поставить на свою страницу, чтобы uikit заработал. Затем, если вы хотите добавить компоненты, вы можете добавить их файлы впоследствии.

<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="uikit.min.css" />
        <link rel="stylesheet" href="tooltip.css" />
        <script src="uikit.min.js"></script>
        <script src="tooltip.js"></script>
    </head>
    <body>
    </body>
</html>

Of course, make sure the path to your files is correct.

person Samuel    schedule 27.08.2015