Twitter ブートストラップ CSS + jQuery
-
27-10-2019 - |
質問
twitter-boostrapを発見しました
https://github.com/twbs/bootstrap
それと一緒に使用できるjqueryライブラリがあるかどうか疑問に思っています。
ポップオーバー、モーダル、ツールヒント、アラートメッセージ、タブなど...
または、たとえば、これを jquery-ui テーマとして使用します。
誰か知っていますか?
解決
Jquery UIブートストラップがあります: https://github.com/jquery-ui-bootstrap / jquery-ui-bootstrap
これはjQueryUIのブートストラップポートです。
他のヒント
TwitterのCSSBootstrapの背後にいる人々が、フレームワーク(pils、tabsなど)をサポートするためのjQueryプラグインの完全なセットに取り組んでいることを知っています。
まもなくリリースされる予定ですが、ベータ1.3リリースの https://github.com/twitter/bootstrap/tree/1.3-wip
docsフォルダーを見ると、javascriptが見つかります。
頑張ってください!
更新 Twitter Bootstrapのバージョン2.0がリリースされ、より多くの機能とjsの例が追加されました。 Twitter Bootstrap 2.0
これはBootstrap2.0では問題ではないと思います。OP内のすべてを含む、最も人気のあるjQueryプラグインのブートストラップスタイルのバージョンを提供します。
他の人が言及したjQueryUIプロジェクトのブートストラップテーマもありますが、これはBootstrap2.0では意味がありません。ブートストラップルートを使用する場合、jQueryUIを使い続けるのは意味がありません。
また、参考までに、「独立した」タイプのjQueryプラグインの多くはBootstrapで簡単に使用できます。ブートストラップサイトでChosenマルチセレクトコントロールとさまざまなタグプラグインのいくつかを使用していますが、問題なく動作します。CSSを1つのファイルに結合し、ブートストラップのように見えるようにスタイルを変更します。
https://github.com/pthrasher/jquery.bootstrapPopover を知っています 他のすべてはあなた自身でそれを書くのに十分簡単です。
に行ってみませんか 彼らのチュートリアルはこちら,
モーダルボックスを右クリックして選択します inspect element
,
全体をコピーする div
どこに書いてあるのか
<div class="modal" ....
そしてCSSをポップインしてください??モーダルを始めるにはこれで十分です。
twipsies やその他の興味深いものを動作させたい場合は、JavaScript をダウンロードしてチェックしてください。 application.js
それもそのページに付属しています:)
どこでも色を変更しない場合は、すべての色の設定を次の場所にあるはずです。 preboot.less
/libフォルダー内...
テキストボックス/テキストエリアの境界線のような色はほとんどありませんが、次のようなファイルにハードコーディングされています。 forms.less
,
変更のサポートが必要な場合は、もう一度質問してください...
RyanBatesの優れたチュートリアルはこちら