How to use Semantic UI CDN?

by

You just need to copy the URL of the files you want to use for Semantic UI, and put it in your header under a script or link tag as the “src” or “href” value.

For Semantic UI, you need three files for general use:

  • semantic.min.css
  • jquery.min.js (from JQuery CDN)
  • semantic.min.js

For example:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Semantic UI CDN</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
</head>
<body>
      <!-- Your Semantic UI Code -->
</body>
</html>

Leave a Comment

tech