0

webdevの初心者です。セマンティック UI を使用して単純な Web ポータルを構築しようとしています。

サイドバー コンポーネントの使用に問題があります。 サイドバーの動作を、サイドバーが表示/折りたたまれたときに本文コンテンツが縮小/拡大するこのページ のようにしたいと考えています。https://adminlte.io/themes/AdminLTE/index2.html

しかし、セマンティック ui のサイドバー (プッシュ/スケール) で選択した設定/遷移方法に関係なく、体の一部が画面から移動します。ビューポートの幅を超えないように、コンテンツを縮小および拡大したいだけです。問題を示す コードの jsfiddle は次のとおりです。https://jsfiddle.net/vinu_tlg/L5eqt3f4/

セマンティックUIでこの動作を実現する方法を教えてください。

以前に尋ねられた似たような質問がありますが、 それを達成する方法についての答えはありません。

ポインタに感謝します。前もって感謝します。

4

1 に答える 1