問題タブ [twitter-bootstrap]

Rails アプリを構築しようとしていますが、simple_form は非常に便利な宝石のようです。問題は、スタイリングを行うために Twitter ブートストラップ css を使用していて、simple_form では html のレイアウトを指定できないことです。

simple_form html をブートストラップ css が必要とするフォーマットに適合させる方法を教えてもらえますか?

コードは次のとおりです。

およびライブ プレビューへのリンク: http://jsfiddle.net/7W32Z/。

境界線がサイドバーの下になるのはなぜですか? <ul class="tabs" />要素に適用された clearfix と関係がありclear: rightます。

そこで、Twitter の新しい CSS フレームワークであるBootstrapをいじっています。

私が遭遇しているのは次のとおりです。topbarページにdivを追加しました：

ただし、これには予期しない動作がいくつかあります。ページの上部にあるフロートダウンに進みます - example here。

それが起こらないようにする方法はありますか、それとも別のフレームワークを検討する必要がありますか?

Twitter の Bootstrap テンプレートを利用して html5/Razor/MVC3 を使用しています。文書化されているように滑らかに見えるフォーム検証が必要です( http://twitter.github.com/bootstrap/#forms )。したがって、アカウント登録用の標準的なボイラープレート MVC3 がどのようになっているのかを見ると、マークアップは次のようになります。

私がやりたいことは、最初の入力でハードコーディングしたように、コンテナー div に「エラー」クラスを挿入させることです。(したがって、ページに入ると、div は「clearfix」のクラスを持ちますが、その入力ブロックが検証に失敗した場合、「clearfix エラー」としてタグ付けされます)。何らかの ID を含めるように div ブロックを更新し、おそらく ValidationMessage に新しい data- 属性を追加する必要があると思います。ValidationMessageFor ヘルパーの拡張に問題はありません。そこにあるライブラリを拡張するためのアプローチがどうあるべきか、100％確信が持てません。これにアプローチする方法について何か提案はありますか?

ティア。

更新：

このアプローチは合理的だと思います：

検証メッセージをデータ コンテナー名で装飾することにより、コンテナー div をターゲットにすることができます。あとは、検証メッセージをインターセプトする方法を理解する必要があります。

HtmlTagデコレータを使用して、フォーム要素をdivにラップし、ブロック全体（ラベル、要素、エラーなど）を別のdivにラップすることは可能ですか？TwitterのBootstrapをZend_Formで次のように使用したいと思います。

何か案は？

私はちょうどtwitter-boostrapを発見しました

https://github.com/twbs/bootstrap

それと一緒に使用するjqueryライブラリがあるかどうか疑問に思っています。

ポップオーバー、モーダル、ツール ヒント、アラート メッセージ、タブなど...

または、たとえば、これを jquery-ui テーマとして使用してください!

誰か知ってる？

Rails 3アプリケーションでは、社内のプロジェクト管理システムを開発するためのフレームワークとしてTwitterBootstrapを使用しています。時間とコードを大幅に節約できるため、Formtasticを使用してフォームをサポートしています。私の問題は、Formtasticコードを取得して、Bootstrapの規則に対応する方法でフォームを出力することです。Googleで見つけたいくつかの項目を読んで、Formtasticにモンキーパッチを適用する必要があることを示唆していますが、これを正常に行うことができませんでした。

Formtasticの出力をカスタマイズして、各フィールドでdivを使用し、Bootstrapを使用できるようにするにはどうすればよいですか？

ご覧いただきありがとうございます。

これが何であるかわかりません：

http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.cssの 33 行目

スタイルはわかるけど見たことない

したがって、twitterブートストラップCSSフレームワークを使用して、

このHTMLを表示すると、ラジオボタンの下にテキストが表示されます。ラジオボタンの右*または左に表示するようにします。

これは、GenderをGenderに置き換えると機能し、目的の効果が得られます

ただし、タグをスパンタグに変更することはできません（Javaベースのフレームワークを使用しています）。

ただし、htmlのプレフィックスとサフィックスを付けることができます-以下の例に示されています

これを機能させることができれば、ウィザードです！

http://twitter.github.com/bootstrap/

ここを見てブラウザの幅を変更すると、左側にパディングがないことがわかります。ただし、パディングを追加すると、レイアウトの中心から外れます。

これを修正するためにできることはありますか、それともレイアウト全体を変更する必要がありますか? twitter.com が幅などを使用してそれを行う方法はわかりますが、それにはより多くのdiv要素が必要です。助けてくれてありがとう。