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

私は（以前のTwitter）Bootstrap 2で作業していて、通常のリンクのようにボタンのスタイルを設定したいと思っていました。ただし、通常のリンクだけではありません。これらは<ul class="nav nav-tabs nav-stacked">コンテナに入っています。マークアップは次のようになります。 <form action="..." method="post"> <div class="row-fluid"> <!-- Navigation for the form --> <div class="span3"> <ul class="nav nav-tabs nav-stacked"> <li><button type="submit" name="op" value="Link 1">Link 1</button></li> <li><button type="submit" name="op" value="Link 2">Link 2</button></li> <!-- ... --> </ul> </div> <!-- The actual form --> <div class="span9"> <!-- ... --> </div> …

110 html  css  twitter-bootstrap 

Twitter Bootstrapを使用してWebアプリケーションにレスポンシブデザイン機能を追加する必要があります。レスポンシブな動作が必要なだけで、Bootstrapに含まれているタイポグラフィやコンポーネントなどには興味がありません。 グリッドシステムを選択するだけで、カスタマイズされたBootstrapバージョンを取得しました。しかし、生成されたCSSをアプリケーションに追加すると、すべてのスタイル（ヘッダー、リンクなど）がめ​​ちゃくちゃになります。なぜそれが起こっているのですか？グリッドシステムだけでブートストラップCSSを取得するにはどうすればよいですか？Bootstrapファイルの手動変更を回避したいと思います。

109 html  css  twitter-bootstrap  responsive-design 

私はTwitter Bootstrapとその「タブ」を使用しています。 私は次のコードを持っています： <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#add">add</a></li> <li><a data-toggle="tab" href="#edit" >edit</a></li> <li><a data-toggle="tab" href="#delete" >delete</a></li> </ul> タブは適切に機能しますが、URLの＃add、＃edit、＃deleteは追加されません。 data-toggleURLの変更を削除したが、タブが機能しない。 これに対する解決策はありますか？

109 jquery  twitter-bootstrap 

Twitterブートストラップのドキュメントによると、「テキストの文字列を<p>タグで囲んで、適切なリーディングとカラーにする」ことができるはずです。これを行うと、その下のどのレベルでnavbarも、どのnavbarクラスも継承しません。文字列を<a>タグでラップするとレンダリングされますが、アンカーにすることはできません。 私がレンダリングしようとしている文字列はです"Logged in as ... "。

109 html  css  twitter-bootstrap 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する 私は可能な限り多くのCSSと最小限のJS（状態のみなど）を使用するツリー（ディレクトリツリーなど）の作成に取り組んでおり、ブートストラップ用の既存の優れたツリープラグインがあるかどうか知りたいまたはjquery-uiブートストラップ。 参考のため、またはこの質問について混乱している人のために、ブートストラップ用のdynatreeのようなものを探しています。

108 javascript  jquery  twitter-bootstrap  css  jquery-ui 

上部固定の動作で使用されるブートストラップ3.0ナビゲーションバーの高さを下げようとしています。ここで私はコードを使用しています。 HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav navbar-nav pull-right"> <li class="active"> <a href="../getting-started">Getting started</a> </li> <li> <a href="../css">Ext01</a> </li> <li> <a …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 7年前休業。 この質問を改善する どちらが「より良い」かについて誰かが何かアドバイスをすることができるかどうか私は思っています。TwitterブートストラップまたはJQueryモバイル？ ありがとう、ピーター

108 jquery-mobile  twitter-bootstrap 

私はTwitter Bootstrapを使用していて、Bootstrapでは使用できない「自動提案」を使用したいのですが、jQuery UIには自動提案のための独自のメソッドがあります。 両方使用できますか？帯域幅が過負荷になりますか？

108 jquery-ui  twitter-bootstrap 

私はTwitterからBootstrapを始めたばかりで、カスタマイズの「ベストプラクティス」は何かと思っています。CSSテンプレート（Bootstrapなど）のすべての機能を活用し、完全に（そして簡単に）変更可能で、持続可能にする（つまり、次のバージョンのBootstrapがTwitterからリリースされたときに、私が使用しないシステムを開発したい）最初からやり直す必要があります。 たとえば、上部のナビゲーションに背景画像を追加します。これには3つの方法があるようです。 bootstrap.cssの.topbarクラスを変更します。多くの.topbarアイテムがあり、それらを必ずしもすべて同じ方法で変更する必要がないため、私は特にこれが好きではありません。 私の背景画像を使用して新しいクラスを作成し、両方のスタイル（新しい要素とブートストラップを要素に適用）を適用します。これにより、スタイルの競合が発生する可能性があります。これは、.topbarクラスを個別のクラスにストリップし、カスタムクラスによって踏まれていない部分のみを使用することで回避できます。繰り返しますが、これには必要以上に多くの作業が必要であり、柔軟性がありますが、Twitterが次の記事をリリースするときにbootstrap.cssを簡単に更新することはできません。 .LESSの変数を使用して、カスタマイズを実現します。オフハンドこれは良いアプローチのように見えますが、.LESSを使用していません。クライアントでのcssのコンパイルとコードの持続可能性について懸念があります。 私はBootstrapを使用していますが、この質問はどのcssテンプレートにも一般化できます。 事前に入力いただきありがとうございます。

108 css  twitter-bootstrap  bootswatch 

次のドロップダウンがあります <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> ドロップダウンの左上隅がテキストの左下隅（アクション）ですが、ドロップダウンの右上隅の位置がテキストの右下の位置にあることを願っています。どうやってやるの？

108 css  twitter-bootstrap  drop-down-menu 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する どちらが最適で、可能であれば、これら2つの違いと利点を教えてください。 Semantic-ui対Bootstrap 私は自分のUIを構築しようとしているのですが、何を使うべきか混乱しています。 最高のものを提案し、可能であれば例を挙げてください。

107 twitter-bootstrap  user-interface  semantic-ui 

フォーム付きのブートストラップモーダルを設定しました。Enterキーを押すと、モーダルが閉じられることに気づきました。Enterキーを押したときにそれを閉じない方法はありますか？ keyboard：falseでモーダルをアクティブ化しようとしましたが、それはEscキーでの終了を防ぐだけです。

107 forms  twitter-bootstrap  modal-dialog 

うまく機能するBootstrap 4を使用して、この折りたたみ可能なナビゲーションバーを作成しましたが、ユーザーがリンクをクリックしたときに閉じます。これを行う方法はありますか？ありがとう htmlナビゲーションバー： <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width="60px"></a> <div class="collapse navbar-collapse" id="navbarDiv"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" …

107 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Twitter Bootstrapがナビゲーションのアクティブリンクをどのように実行するのか理解していません。このような通常のナビゲーションがある場合（Ruby on Railsリンクを使用）： <ul class="nav"> <li class="active"> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> </ul> クリックしたリンクに基づいてアクティブにするにはどうすればよいですか？

106 ruby-on-rails  twitter-bootstrap 

Twitter Bootstrapを使用したいのですが、特定の要素でのみ使用するため、すべてのTwitter Bootstrapクラスに接頭辞を付ける方法を見つける必要があります。または、少ないミックスインを使用します。私はまだこれを経験していないので、これを行う方法がよくわかりません。以下は、スタイルを設定しようとしているHTMLの例です。 <div class="normal-styles"> <h1>dont style this with bootstrap</h1> <div class="bootstrap-styles"> <h1>use bootstrap</h1> </div> </div> この例では、Twitter Bootstrapは両方h1のスタイルを通常のスタイルにしますが、Twitter Bootstrapスタイルを適用する領域をより選択したいと思います。

106 twitter-bootstrap  less