問題タブ [semantic-ui]

セマンティック UI でサイドバーを常に表示する方法は? 「アクティブな」css クラスを追加するだけで機能しますが、ページ レイアウトが台無しになります。

There is a working example on jsFiddle .

セマンティック UI は初めてです。セマンティック UI の組み込みクラスをコードに含めようとしています。セマンティック フォルダーには、非常に多くの組み込みクラスが含まれています。

1. クラスが関連付けられる css ファイルを見つけるにはどうすればよいですか? 2. いくつかの例では、- div class="ui large blue icon button" のようなクラス名が見られます。このような場合、これらの青、フローティングなどのバリエーションを見つけるにはどうすればよいですか?

ありがとう、サバリ

私は（成功せずに）アプリケーションレイアウトにセマンティックUIを使用して、左側にブラウザの高さを埋め、そのコンテンツをスクロールし、右側に固定されたフォームをスクロールしようとしています。

純粋な HTML/CSS では、この jsFiddle のようにします: http://jsfiddle.net/yoorek/qFFvY/

CSS:

Semantic UI Grid システムと overflow+position:absolute リスト パネルを使用してみましたが、おかしくなりました。 また、セマンティック UI コンポーネントを Fiddle からレイアウトに配置すると、内部コンポーネントで多くの問題が発生します。

では、質問: Semantic UI CSS クラスを追加のスタイルで使用して、ブラウザーの高さを埋め、垂直スクロールバーでコンテンツを非表示にする 1 つのリストでレスポンシブなアプリケーション レイアウトを実現する方法はありますか?

Semantic-uiを使用して Web サイトを構築しようとしています。私は私が見るものの多くが好きです。ただし、タブ コントロールを作成しようとしています。これを行うために、概要ページにあるコードを手に入れたと思いました。ただし、私のjsfiddleが示すように、タブの動作が正しく機能していません。これが私のタブコードのサンプルです：

私は何を間違っていますか？

私はセマンティック ui.com のような単純なサイドバーを作成しようとしていますが、右側に置きたいと思っています。ボタンを取り付けることが私の最大の問題であることを除いて、簡単に思えます。あなたはそれを見ることができます jsfiddle、一種の作業..... HTML：

JS:

http://jsfiddle.net/6Ltv4/

Semantic-ui サイドバーの幅は 275px です。それらを広くまたは狭くするcss/jsをどこに追加すればよいですか?

彼らのコードは

これを変更すると、その変更はすべてのサイドバーに対してグローバルになります。コンテンツの幅を変更すると、セマンティック UI は変更を無視し、デフォルトの 275px で上書きします。

ここでサイドバーの例を見つけることができます: http://semantic-ui.com/modules/sidebar.html#/examples

セマンティック UI ドロップダウンで問題が発生しました。
私は Semantic-Ui を使用しており、ドロップダウン項目を動的に変更したいと考えていました。つまり、最初のドロップダウンから値を選択すると、2 番目のドロップダウンの項目が変更されます。ただし、アイテムが変更されると、2 番目のドロップダウンを選択できず、値が変更されません。ドロップダウンは折りたたまれません。

HTML
最初のドロップダウン

2 番目のドロップダウン

..........
jQuery