タグ付けされた質問 「twitter-bootstrap-2」

17
Twitterブートストラップボタンを右揃えにするにはどうすればよいですか?
ここに簡単なデモがあります: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> 順不同のリストがあり、リストアイテムごとに、左側にテキストを配置し、次に右揃えのボタンを配置します。私はプルライトを使用しようとしましたが、これは完全に整列を台無しにします。何が悪いのですか?

30
Twitterブートストラップモーダルボックスのデフォルトの幅を変更するにはどうすればよいですか?
私は以下を試しました: <div class="modal hide fade modal-admin" id="testModal" style="display: none;"> <div class="modal-header"> <a data-dismiss="modal" class="close">×</a> <h3 id='dialog-heading'></h3> </div> <div class="modal-body"> <div id="dialog-data"></div> </div> <div class="modal-footer"> <a data-dismiss="modal" class="btn" >Close</a> <a class="btn btn-primary" id="btnSaveChanges">Save changes</a> </div> </div> そしてこのJavascript: $('.modal-admin').css('width', '750px'); $('.modal-admin').css('margin', '100px auto 100px auto'); $('.modal-admin').modal('show') 結果は私が期待したものではありません。モーダル左上が画面の中央に配置されます。 誰かが私を助けてくれますか?他の誰かがこれを試しましたか?私がしたいことは珍しいことではないと思います。

12
Twitterブートストラップ2の送信ボタンにアイコンを追加
フォーム入力送信ボタンでTwitterブートストラップアイコンを使用したい。 http://twitter.github.com/bootstrap/base-css.html#iconsの例は、主にスタイル付きハイパーリンクを示しています。 一番近いのは、ボタンの横にアイコンが表示されているのですが、中にはありません。 <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>

16
Twitter Bootstrapのすべての角丸を取り除く
私はTwitter Bootstrap 2.0が大好きです-完全なライブラリであることが大好きです...しかし、Bootstrapの角の丸い部分をすべて取り除くことで、非常にボックス型ではなく丸みを帯びたサイトをグローバルに変更したいと思います... それはやり過ごす多くのCSSです。グローバルな切り替えはありますか、それとも丸められたものをすべて見つけて置き換えるための最良の方法は何ですか?

13
Twitter Bootstrapを使用して垂直方向の空白を追加しますか?
Twitterのブートストラップを使用して垂直方向の空白を追加する最良の方法は何ですか? たとえば、ランディングページを作成していて、特定のボタンの上下に少し(100px)の空白スペースが必要だとします。明らかに、その特定のボタンに対して特定のクラスを作成することができます。しかし、Bootstrapには縦の空白を追加するDRYの方法が必要だと思います。

12
Bootstrap 2を使用して、グリフィコンの色を一部の場所で青に変更します。
UIにBootstrapフレームワークを使用しています。グリフィコンの色を青に変更したいのですが、すべての場所で変更するわけではありません。一部の場所では、デフォルトの色を使用する必要があります。 私はこれら2つのリンクを参照しましたが、役立つものは何も見つかりません。 CSSのみを使用してブートストラップアイコンに色を追加できますか? Bootstrap 3のグリフィコンを白に変更するにはどうすればよいですか? 注意:私はBootstrap 2.3.2を使用しています。


14
TypeError:$(…).modalはブートストラップModalの関数ではありません
別のビューのHTMLに動的に挿入しようとしているブートストラップ2.32モーダルがあります。Codeigniter 2.1を使用しています。ブートストラップモーダル部分ビューをビューに動的に挿入した後、次のようにします。 <div id="modal_target"></div> 挿入のターゲットdivとして。ビューに次のようなボタンがあります。 <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a> 私のJSは: $.ajax({ type : 'POST', url : "AjaxUpdate/get_modal", cache : false, success : function(data){ if(data){ $('#modal_target').html(data); //This shows the modal $('#form-content').modal(); } } }); メインビューのボタンは次のとおりです。 <div id="thanks"><p><a data-toggle="modal" href="#form-content" class="btn btn-primary btn-large">Modal powers, activate!</a></p></div> これは、部分ビューとして個別に保存したいものです。 <div id="form-content" class="modal …

9
Bootstrap2でdivを中央に配置する方法は?
http://twitter.github.com/bootstrap/scaffolding.html 私はすべての組み合わせのように試しました: <div class="row"> <div class="span7 offset5"> box </div> </div> または <div class="container"> <div class="row"> <div class="span7 offset5"> box </div> </div> </div> 変更されたスパンとオフセット番号.. しかし、ページの中央に完全に配置された単純なボックスを取得することはできません:( 中央に6列幅のボックスが欲しいだけです... 編集: でやった <div class="container"> <div class="row" id="login-container"> <div class="span8 offset2"> box </div> </div> </div> しかし、ボックスが広すぎるので、span7でそれを行う方法はありますか? span7 offset2左側にspan7 offset3余分なパディングを与え、右側に余分なパディングを与えます。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.