問題タブ [jasny-bootstrap]

Jasny ブートストラップでファイル入力を使用しています。キーボード タブ フォーカス フィールドが強調表示されていないことを除いて、すべて問題ありません。解決策を教えてください。ありがとう

ウェブサイトでoffcanvas プッシュ メニューを使用しました。ページの読み込み時にサイトの特定のページでメニューを開く必要がありますが、ビューアーが必要に応じてメニューを閉じたり再度開いたりするためのトグルはまだ動作します。

メニューを特定のページでのみ開くように設定するにはどうすればよいですか? (すべて同じテンプレートを使用するページなので、このテンプレートにのみカスタム js を追加できます)。

ドキュメントのメソッドとベネットを見てきましたが、必要なことを行う方法がわかりません。

メニューを開いてロードしたいページテンプレートだけで「show」メソッドを試しました：

メニューを開いた状態でページをロードすることで機能します。しかし、通常のように体をキャンバスから押し出すのではなく、「キャンバス」（体）の上に置きました。この余分な jquery を私のページに追加する以外は、Jasny の例と同じコードを使用しました。

フィドルを見る

どうもありがとう！

読んでくれてありがとう。

CDN を使用して、次の API / ライブラリをプロジェクトに組み込みます。

私もインポートjqueryしてlessいますが、CDNを使用していません。

lessJasny Bootstrap (上記) を追加する前に使用していたファイルは正常に機能しました。私の main.less ファイルはless、Jasny セットをインポートする前に、Bootstrap からすべての変数と mixin をインポートします。Main.less次のようになります。

そして、Jasny Bootstrap から「オフ キャンバス」コンポーネントを実装すると、それも正常に動作します。キャンバス外のメニューが表示され、すべてのコンテンツが右側に押し出されます。

ただし、Jasny 変数の一部を変更しようとすると( [上記で行ったように] ファイルlessに追加するか、[同じディレクトリからインポートする] ファイルで直接変更することによって)、表示されません。任意の結果。main.lessjasny-variables.lessmain.less

具体的には、 の値を@navmenu-widthデフォルトより小さく変更しようとしています。ただし、どのような値を付けても、どちらのソースでも変わりません。

提案？

Jasny Bootstrapoff canvasコンポーネントを動作させることができました。いくつかの異なるレスポンシブ設定がありますが、デフォルトは「プッシュ」オプションです: ( http://jasny.github.io/bootstrap/examples/navmenu-push/ )。

代わりに「表示」オプションを有効にしたいので、例として次のコード スニペット (Jasny BS サイトから直接) を使用しています。

「reveal」ページ ( http://jasny.github.io/bootstrap/examples/navmenu-reveal/ ) に指示が記載されているように、次のようにしています。

1）コンテンツをdiv（targetDiv上記）にラップし、キャンバスオプション（私はそう信じていますdata-canvas）をそのdivと等しくなるように設定します。すなわちdata-canvas="#targetDiv"。

2) navoffcanvasからクラスを削除し、myNavmenuその z-indez を less 経由で 0 に設定しました。

私が得たものは、例のように動作しません: http://jasny.github.io/bootstrap/examples/navmenu-reveal。私は間違って何をしていますか?

Offcanvas プッシュ メニューの Web ページの 1 つに jasny ブートストラップを実装しました。ボタンをクリックするたびに開きます。しかし、ボタンをもう一度クリックするか、 Jasny Off-canvas の外側(本体)のどこかで閉じます。

jasny off-canvas を閉じるたびに関数を呼び出すにはどうすればよいですか。イベントを検索しましたが、キャンバスが開いたときにボディ クラスのみが (.canvas-slid) に追加され、このクラスは閉じるときに削除されます。

私が実装した Jasny キャンバスは次のとおりです: http://jasny.github.io/bootstrap/examples/navmenu-push/

私は自分のレスポンシブ サイトでスティッキー フッターを使用しています。また、Jasny Bootstrap オフ キャンバス ナビゲーション プラグインも使用しています (これはすばらしいことです)。ただし、モバイル デバイス (sm および xs サイズ) でコンテンツがあまりないページでは、オフ キャンバス ナビゲーションが開いているときに、スティッキー フッターがコンテンツの下部にジャンプすることに気付きました。他の誰かがこれを経験したか、解決策を知っていますか? オフ キャンバス ナビゲーションは sm 以下の画面サイズでのみ使用しているため、デスクトップ バージョンのサイトでは問題ありません。このような状況では、フッターは「固定」されたままではなく、コンテンツの一番下までジャンプして、その下に隙間ができます。

私が話していることのスクリーンショットへのリンク(まだ画像をアップロードできません)

jasny fileinput コントロールを使用して、画像のサムネイル プレビューを実装しようとしています。私の写真は回転が必要になる可能性があるため、回転ボタンを追加しました。私が得た問題は、画像が正方形ではなく回転している場合、サムネイルスペースから部分的に切り捨てられることです。これがJSFiddle http://jsfiddle.net/cumqod2n/です

いくつかの画像をプレビューして回転させてみてください。

編集1

ここで更新された例を見つけてください: http://jsfiddle.net/cumqod2n/4/。お気づきのように、「回転」クラスを fileinput div に移動しただけです。画像を回転させて完全に表示することができます。ただし、別の問題があります。画像が横向きから縦向きに変わると、下のボタンが重なって表示されます。

私の次の質問は、画像の下のボタンをそれに応じて調整するにはどうすればよいですか?