0

我是语义 UI 的新手。我正在尝试将内置的语义 UI 类包含到我的代码中。语义文件夹包含如此多的内置类。

1. 如何找到我的类将关联到哪个 css 文件？2. 在一些示例中，我看到类名如 - div class="ui large blue icon button" 。在这种情况下，我如何找到这些变化，如蓝色、浮动？

 <html>
    <head>
   <link rel="stylesheet" href="../SemanticUI/semantic/packaged/css/semantic.css"/>
<link rel="stylesheet" href="../SemanticUI/semantic/packaged/css/semantic.min.css"/>
<link rel="stylesheet" href="../SemanticUI/semantic/less/elements/button.less"/>
    </head>
    <body>
    <div class="ui labeled icon button">
      Download <i class="download icon"></i>
    </div>
    <div class="ui icon button">
      <i class="download icon"></i>
    </div>
    <div class="ui button">
      Download
    </div>
    <div class="ui facebook button">
      <i class="facebook icon"></i>
      Facebook
    </div>
    </body>
    </html>

谢谢，萨巴里

4

1 回答 1

0

您需要为语义用户界面添加 css 和 javascript 库。这里试试这个例子：

 <html>
    <head>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/css/semantic.min.css"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.12.0/javascript/semantic.min.js"></script>

    </head>
    <body>
    <div class="ui labeled icon button">
      Download <i class="download icon"></i>
    </div>
    <div class="ui icon button">
      <i class="download icon"></i>
    </div>
    <div class="ui button">
      Download
    </div>
    <div class="ui facebook button">
      <i class="facebook icon"></i>
      Facebook
    </div>
    </body>
    </html>

这是一个 jsbin POC：http: //jsbin.com/ubiReqa/1/

希望能帮助到你。

干杯，普拉尼

于 2014-01-25T21:03:40.000 回答