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

セマンティック UI 用の 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 に答える