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

私が試したことを以下のコードで参照してください <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> 出力： First Div SecondDiv 期待される出力： First Div Second Div ブートストラップcssを使用して、2つのdivを水平方向に中央からページに揃えたい。これどうやってするの ？私はこれを行うために単純なCSSとフローティングコンセプトを使用したくありません。メディアクエリを使用する代わりに、ブートストラップcssを使用してすべての種類のレイアウト（つまり、すべてのウィンドウサイズと解像度）で動作する必要があるためです。

90 html  css  twitter-bootstrap 

私が試したことの適切なビットはここにあります： <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) クリックすると、リクエストが行われるのがわかりますが、ポップオーバーにデータが入力されません。ポップオーバーのHTMLがDOMに追加されることすらありませんが、それはファイアバグである可能性があります。 誰かがこれを試しましたか？

90 jquery  twitter-bootstrap 

私はTwitterのブートストラップを使用していると私はjQueryのことがわかりshow()またはfadeIn()クラスでマークされたDOM要素を作成しませんhiddenjQueryの機能のみを取り除くため、表示されるdisplay: none仕様に。ただし、visibilityはまだに設定されていhiddenます。 これを回避するための最良の方法は何ですか？ hidden要素のクラスを削除します 可視性プロパティを変更する 自分のCSSで隠しクラスを上書きする 特に、jQueryまたはcssでこれを修正する方が良いかどうか、およびその理由を知りたいです。

89 jquery  twitter-bootstrap 

テキストボックスとボーダーの青い輝きを削除したいのですが、jsまたはcssをオーバーライドする方法がわかりません。ここを確認してください 編集1 私はjqueryプラグインTag-itを使用しており、Twitterブートストラップも使用しているため、これを実行したいのですが、プラグインは非表示のtextFieldを使用してタグを追加しますが、Twitterブートストラップを使用している場合、内部にグローがあるテキストボックスとして表示されます。少し変なテキストボックス

89 javascript  jquery  html  css  twitter-bootstrap 

Twitterブートストラップ2の要素を使用して、マルチレベルのドロップダウンメニューを持つことはできますか？元のバージョンにはこの機能はありません。

89 css  twitter-bootstrap 

初めてのTwitter Bootstrap体験です。見出し（h1、h2など）をいくつか追加しましたが、左側に揃えられています。見出しを中央に揃える正しい方法は何ですか？

89 twitter-bootstrap 

トップメニューにカートを使用push-rightしています。問題は、ドロップダウンの吹き出しがページから外れることです。バブルを右揃えにして、「クリック」で右揃えにしようとしています このような HTML： <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

89 html  css  twitter-bootstrap 

編集： 画面が480px幅未満に縮小されたときに、どのセレクターがサイドパディングを設定するかを尋ねる必要がありますか？私はこれを見つけるためにしばらくbootstrap-responsiveness.cssを閲覧してきましたが、これに影響を与えるものは何もないようです。 オリジナル 私は基本的に、小さなデバイス画面での応答性のために設定されたデフォルトのパディングまたはマージンを削除したいと思います。 私がしているbackground colorに上書きcontainer-fluidセレクタと大画面のために、彼らは幅にわたって完全に100％をレンダリングするが、それらの画面が小さいサイズに縮小され、デフォルトでは、ブートストラップは、上のマージンやパディングを追加しているようですcontainer-fluidかcontainer。 <div class="container-fluid"> <div class="row-fluid"> test </div> </div> カスタムcssを使用してBootstrapのデフォルトのスタイルを上書きする場合、小さい画面でこのパディングを削除するには、どのメディアクエリまたはセレクターに上書きする必要がありますか？

89 css  twitter-bootstrap  responsive-design  media-queries 

overflow: auto;プロパティのためにドロップダウンが表示されないため、応答がありスクロールがアクティブな場合、テーブル内のドロップダウンボタンに問題があります。これが折りたたまれているときにボタンのドロップダウンオプションを表示するために、どうすれば修正できますか？いくつかのjQueryを使用できますが、左右のスクロールに問題があったため、別の解決策を見つけることにしました。わかりやすくするために写真を添付し​​ました。 これが小さなjsフィドルです：

88 javascript  jquery  css  twitter-bootstrap  overflow 

Twitterブートストラップを使用して、切り替え可能なタブを作成しています。これが私が使っているCSSです： <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> このhtmlはタブを正しく表示しますが、左側に引っ張られます（これが起こるはずです）。CSSをいじってタブをページの中央に配置しようとしましたが、まだうまくいきません。私は、CSSの経験が豊富な方なら、これを行う方法を知っていると思いました。 メモとして、ナビピルの中央揃えについて別の質問がありますが、試してみましたが、単純なナビタブだけでは機能しませんでした。 ありがとう。

87 html  css  twitter-bootstrap 

Bootstrapアコーディオンのこの単純なバージョンを設定しました： 単純なアコーディオン： http ：//jsfiddle.net/darrenc/cngPS/ 現在、アイコンは下を向いているだけですが、アイコンのクラスを次のように変更するために、どのJSを実装する必要があるかを誰もが知っています。 <i class="icon-chevron-up"></i> ...ので、それが指していることをアップしたときに拡大し、トグルにバックダウンので、第四崩壊したときに、再び、と？

87 javascript  jquery  twitter-bootstrap 

現在TwitterBootstrapでタブを使用しており、ユーザーがデータを投稿してページがリロードされた後、同じタブを選択したいと考えています。 これはどのように行われますか？ タブを開始するための現在の呼び出しは次のようになります。 <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> 私のタブ： <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#about" data-toggle="tab">About Me</a></li> <li><a href="#match" data-toggle="tab">My Match</a></li> </ul>

87 javascript  jquery  twitter-bootstrap 

ブートストラッププロジェクトにnormalize.cssスタイルシートを追加する必要があるかどうかわかりません。最新バージョンのブートストラップv2.3.2を使用しています。

87 twitter-bootstrap  normalize  css-reset 

[製品]をクリックして、白いdivを上にスライドさせます（添付の図を参照）。レスポンシブ（モバイルおよびタブレット）の場合、レスポンシブナビゲーションバーを自動的に閉じて、白いバーのみを表示したいと思います。 私は試した： $('.btn-navbar').click(); また試した： $('.nav-collapse').toggle(); そしてそれは機能します。ただし、デスクトップサイズでは、これは呼び出され、メニューにファンキーなことをして、1秒間縮小します。 何か案は？

86 javascript  html  css  twitter-bootstrap 

Twitter Bootstrapドロップダウンボタンを使用したい： <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div><!-- /btn-group --> ユーザーがボタンの値を「別のアクション」に変更した場合、単にに移動するの#ではなく、実際にはカスタムの方法でアクションを処理したいと思います。 しかし、これを行うためのドロップダウンプラグインにイベントハンドラーが表示されません。 Bootstrapドロップダウンボタンを使用してユーザーアクションを処理することは実際に可能ですか？それらがナビゲーションのみを目的としているのかどうか疑問に思い始めています-例がアクションのリストを示しているのは紛らわしいです。

86 javascript  twitter-bootstrap