問題タブ [twitter-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1423 参照

ruby-on-rails - Rails 3 : ポップオーバー用のビュー ヘルパーを作成する

私はレールが初めてで、現在のプロジェクトではTwitterのBootstrapを使用しています。Bootstrap のポップオーバーは美しく、広く使用する予定なので、ポップオーバー用のビュー ヘルパーを作成したいと考えています。

popover の標準的な html コードは次のとおりです。

ここに私のヘルパー関数があります:

私はこの関数が醜いことを認識していますが、それを書くためのより良い方法を見つけていません:/多分いくつかのブロックで?

そして最後に、このヘルパーを呼び出すための私の見解のコード

ご覧のとおり、フォームがポップオーバー全体に分割されています。フォームのフィールドは本文にあり、送信ボタンはフッターにあります。ポップオーバーは正しく表示されますが、送信ボタンが機能しません (ヘルパーなしで機能します)。

ヘルパー関数を適切に記述し、悪意のあるフォームの問題を処理するにはどうすればよいですか?


更新 1

nathanvda の回答と clyfe のコメントに基づいて、ヘルパーを編集し、パーシャルを作成しました。
パーシャルのコードは次のとおりです。

そしてヘルパーメソッド:

ビューのコードは変更されません。
よりきれいになり、フォームは正しく表示されますが、送信ボタンはうまく機能しません (クリックしても何も起こりません)。アニー提案?


更新 2

生成された html コードをヘルパーと比較し、ヘルパーなしで送信の問題を発見しました。form_tag正しい場所にありませんでした。
ビューでこのコードを使用すると、次のように機能します。

現在、実用的なソリューションがありますが、完全ではありません。ドロップできたらとてもいいですよねafter = "</form>"

0 投票する
1 に答える
18462 参照

javascript - Bootstrapモーダルウィンドウのプライマリアクションとセカンダリアクションをどのように指定しますか?

TwitterのBootstrapモーダル機能を使用しています。誰かが私のフォームで[送信]をクリックすると、利用可能なオプションのいずれかがチェックされているかどうかをテストしています。

...モーダルウィンドウが表示されていない場合は表示します。次に、モーダルの「プライマリ」ボタンでフォームの送信を続行し、セカンダリボタンでモーダルウィンドウを閉じます。

これを達成するのはかなり簡単なはずですが、jQueryに関する私の現在の知識はコピー/貼り付けレベルにすぎず、ドキュメントにはこれを行う方法の例が示されていません。

ここにあるもののjsFiddleを設定しました-ありがとう。

編集-セカンダリボタンがクリックされたときにモーダルウィンドウを閉じるコードを以下に追加しました(少しハッキーな感じがします)。プライマリボタンがクリックされたときにフォームを先に進める方法がまだわかりません。

問題は次のようになります。「プライマリボタンがクリックされたら、フォームに「OK、続行」と伝える簡単な方法はありますか?」

0 投票する
1 に答える
182 参照

javascript - :noticeと
Rails3.1アプリのページ更新

これは皆さんにとって簡単な方法かもしれませんが、それを達成するための最良の方法はわかりません。

「存在する場合はレンダリング...」と尋ねるタイプの.erb書き込みはありますか?:notice

この問題の詳細は次のとおりです。

私のコントローラーは、アクションとアクション:noticeの両方にを指定します(かなり標準的です)。ページをロードすると、通知は期待どおりに表示されます。ただし、ページをリロードすると(なぜ誰かがこれを行うのかはわかりませんが、私は行いました)、消えます(素晴らしい、それが私が望むものです)が、内容は残ります。createupdate:notice<div>

<div>カプセル化が一緒に削除されていることを確認するにはどうすればよい:noticeですか?ビューまたはおそらくコントローラーで指定する条件がわかりません。ビューは次のようになります(ところで、私はTwitter Bootstrap JSアラートを使用しています)。

意見

私のコントローラーは、基本構造を持つ単一のスキャフォールドモデル/リソースです

0 投票する
3 に答える
1339 参照

css - Twitter の Bootstrap ツールキットは本番環境で使用する準備ができていますか?

最新のブラウザのほとんどはツールキットでサポートされていると主張されていますが、Twitter の Bootstrap ツールキットは本番環境で使用する準備ができていますか? Web サイトにリストされているすべてのブラウザーで適切に動作するかどうかを知るのに十分なほど十分に使用した人はいますか? Twitter ブートストラップ ホームページ

0 投票する
4 に答える
20875 参照

css - Twitter の Bootstrap は Skeleton のようにモバイル フレンドリーですか?

Skeleton は、レスポンシブ Web デザインの原則に従って、モバイル ブラウザにも適合するようにスケーリングされます。Bootstrap は同じものを提供していますか?

0 投票する
1 に答える
1569 参照

css - 競合する CSS

シェアポイント サイト内でBootstrapを使用しようとしています。残念ながら、CSS スタイルがテンプレートの HTML に適用されており、これがデザインをかなり混乱させています。

ブートストラップの影響を受けたいものはすべて含まれていることを知っています#s4-workspace-その要素の子にのみブートストラップを適用するために使用できるCSSトリックを知っている人はいますか?

私は、次のようにそれを囲むLESSコードを再コンパイルすることに震えているわけではありません。

しかし、当然のことながら、できることならより良い解決策を見つけたいと思っています。その特定のアプローチも機能していないようです。

Sharepoint マスター サイトの CSS を変更できません。

どんなアドバイスでも大歓迎です!

ありがとう、

0 投票する
2 に答える
1350 参照

twitter-bootstrap - TwitterブートストラップドロップダウンメニューでSproutcore2.0を使用する方法

twitter-bootstrapを使用してトップバーメニューを作成し、正常に動作しています

Sproutcoreをページに追加しようとするまで。ドロップダウンが機能しなくなりました。SproutcoreがHTMLタグを生成する前に「$(document).ready(function()」が呼び出されているためだと思います。

sproutcoreがHTMLタグの生成を終了した後、document.readyでコマンドを呼び出すにはどうすればよいですか?

0 投票する
10 に答える
163496 参照

twitter-bootstrap - Twitterブートストラップ日付ピッカー

Twitter Bootstrap日付ピッカーを使用するにはどうすればよいですか?以下のコードを使用しましたが、機能しません。

0 投票する
7 に答える
1592 参照

css - CSSでメニューバーを中央に配置できません

Bootstrapを使用すると、「MiDs」要素を中央に配置して残りの要素と整列させる必要があるかどうかがわかりませんが、黒は現在のように端から外れます。

0 投票する
1 に答える
4545 参照

javascript - Bootstrap modal.js が機能しない

編集:この回答はBootstrap 2が登場する前に尋ねられたものであるため、最初のリリースに関連していることに注意してください

BootstrapモーダルウィンドウをAJAXコンテンツで動的に追加して表示しようとしていますが、ドキュメントを1時間半見た後、モーダルdivに追加する必要があるクラスまたは属性を理解していないため、モーダルAPIで動作します.

今、私はこのようなものを持っています:

そして、それは機能しません...おそらく私は密集していますが、showメソッドを呼び出す前にモーダルウィンドウをセットアップする方法に関するドキュメント上の情報を見つけることができません.

編集:ドキュメントのどこにも言及されていませんが、明らかにbootstrap-modal.jsにはbootstrap-tipsy.jsとbootstrap-popover.jsが必要です。真剣に、Bootstrap のドキュメントは最悪であり、特にその人気の高さを考えるとそうではありません。