問題タブ [semantic-ui]

ユーザー アイコンの右側にテキストを表示する SemanticUI の HTML があります。

ジェイドを使用してこれを再現しようとしています:

ただし、Jade が機能するにはある種の html タグが必要であり、「Create Your Account」行にタグがないため、これは適切に機能しません。

したがって、私もこれを試しました：

しかし、「Create Your Account」テキストがユーザー アイコンの下に表示され、右側に表示する必要があります。

Semantic-UI は、サイドバー ページで、「サイドバーが表示されたときに位置が固定されているコンテンツは、その位置を変更する際に問題が発生する可能性がある」と警告しています。次に、問題に対する 2 つの可能な解決策を示します。

驚くべきことに、同じページとサイト全体で、Semantic-UI の Web サイトは固定のトップ メニューを使用しており、左側のサイドバーがトリガーされるとうまく調整されます。

Semantic-UI のサイトで使用されているような、サイドバーが開いたときに適切に調整される固定トップ メニューを単純に作成したいと考えています。ただし、提案された 2 つの解決策はどちらも機能しないため、これはイライラするほど難しいことがわかっています。マークアップ、css、および javascript を調べましたが、Semantic-UI が提供するコードから、サイドバーが開いたときに適切に調整される動作する固定トップ メニューにどのように移行したのかわかりません。

考えや方向性はありますか？Semantic-UI を使用して、サイドバーが開いたときに適切に調整される固定トップ メニューをどのように作成しますか?

それらの間にいくつかの競合があるため、Bootstrap を含めずにセマンティック UI を使用しています。しかし、ブートストラップのカルーセル機能はとても気に入っています。オプションでプロジェクトに含めることはできますか? どうもありがとう！

JQuery .animate()、Firefox 30.0、および "position: fixed" CSS ルールに問題があります。セマンティック UI フレームワークを使用してボタンを作成していますが、ボタンを左上隅に固定したいと考えています。ボタンを押すと表示および非表示になるサイドバーもあります。これは私のコードです:

CSS

HTML

JQuery

Safari と Chrome ではすべて問題なく動作しますが、Firefox 30.0 では、ボタンは 35px から 60px までランダムに左に移動しますが、.animate() 関数で設定された値 (276px) では決して移動しません。ただし、CSS から「position : fixed」を削除すると、Firefox でも正常に動作します。セマンティック UI フレームワークの onShow() および onHide() 設定も使用しましたが、結果は変わりません。この問題は私を夢中にさせます!!! 誰かが私を助けることができますか？

どうもありがとう！！！

セマンティック UI を使用しており、入力ボタン タイプの送信にアイコンを追加しようとしています。

これは私の試みです：

問題は、アイコンがボタンの内側ではなく、ボタンの前に表示されることです。

これは、div を使用して行うことができる方法です。

ボタンタイプの送信にアイコンを追加する方法を知っていますか?