如何从语义开始 UI

Question

我正在尝试让语义 UI 与 Laravel 一起工作。我下载了我需要的所有文件，并把它放在这里：resources/semantic-ui/

然后我这样调用我视图中的文件：

<link rel="stylesheet" type="text/css" href="semantic-ui/dist/semantic.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="semantic-ui/dist/semantic.min.js"></script>

但它似乎不起作用：一切都显示了，因为我根本没有输入任何 CSS。我搜索了解决方案，但找不到。我不明白怎么了。你能帮帮我吗？

谢谢

Answer 1

试试这个

<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
</head>

Answer 2

因此您必须从本地文件夹中获取文件。您必须使用 asset 方法才能使这些文件正常工作。
示例：

<link rel="stylesheet" type="text/css" href="{{asset('semantic-ui/dist/semantic.min.css')}}">

<script src="{{asset('semantic-ui/dist/semantic.min.js'}}"></script>

您可以使用这些方法从 laravel 中的特定文件夹中获取文件。

如何从语义开始 UI

How to begin with Semantic UI

laravel

semantic-ui