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

Twitter Bootstrapを使用するベストプラクティスは何ですか？CDNから参照するか、サーバーにローカルコピーを作成しますか？ Bootstrapは進化し続けているので、CDNを参照すると、ユーザーは時間の経過とともにさまざまなWebページを参照し、一部のタグは壊れる可能性があります。ほとんどの人の選択は何ですか？

140 twitter-bootstrap  twitter-bootstrap-3 

Bootstrapの応答性のナビゲーションバーをテストしています。デモ用の Webサイトがあります。デスクトップでブラウザーのサイズを変更すると、ナビゲーションバーが上部にある小さなアイコンで折りたたみ可能なメニューになり、クリックしてさらにメニューボタンを表示できるなど、すべて正常に機能します。 しかし、モバイルブラウザー（ChromeとAndroidのインターネットブラウザーで試してみました）から試したところ、レスポンシブデザインが表示されませんでした。ウェブサイトのようなデスクトップの非常に小さいバージョンしか見ることができませんでした。 誰かが私が間違っていることを指摘できますか？

139 twitter-bootstrap  user-interface  twitter-bootstrap-3  responsive-design  bootstrap-4 

Bootstrapでスクロール可能なメニューを有効にするために私はこの方法（彼らのフィドル）を試しましたが、そのアプローチでは、スクロール可能なメニューはコンテナーを拡張します- フィドル -非スクロール可能なメニューは正しく、これを行いません。 どうすれば修正できますか？Bootstrapと互換性のある他のアプローチに関する提案も歓迎します！ 参考までに、最初のメソッドのフィドルのHTMLを次に示します。 <ul class="nav"> <li class="dropdown"> <a class="icon-key icon-white" data-toggle="dropdown" href="#" style= "font-weight: bold"></a> <div class="dropdown-menu" style="margin-left: 2em"> <ul class="dropdown-menu"> <!-- static non-scrollable menu header 1 --> </ul> </div> <div class="dropdown-menu" style="margin-left: 2em"> <ul class="dropdown-menu"> <li class="disabled"> <a href="#"><i class="icon-group"></i> <b>My Groups</b></a> </li> <li> <div class="dropdown-menu scroll-menu …

138 css  twitter-bootstrap  scrollable 

最新documentionがあります。 <p class="mb-0">Lorem ipsum</p> コードスニペットを実行する結果を非表示スニペットを展開 Q：mb-0とは何ですか？

138 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

これを追加しましたが、ボタンをクリックすると青い輪郭が表示されます。 .btn:focus { outline: none; } その醜いものを削除する方法？

137 css  twitter-bootstrap 

私は新しいTwitter Bootstrap 3を使用しており、次のような検索ボックスを上部のナビゲーションバーに配置しようとしています。 Bootstrap 2では、次のようにすることができます。 <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> しかし、Bootstrap 3でこれをどのように作成するかは、変更が多いためわかりません。 Bootstrap 3のナビゲーションバーの検索ボックスフォームのデフォルトのHTMLは次のとおりです。 <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> どうすれば修正して必要なものを達成できますか？

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

私はバウワーでブートストラップを使用しようとしていますが、リポジトリ全体を複製するため、CSSやその他のものはありません。 自分のビルドプロセスにBootstrapのビルドを含める必要があるということですか？または、私が間違っている場合、適切なワークフローは何ですか？

135 twitter-bootstrap  bower 

私はreactjsの初心者です。reactアプリにブートストラップを含めたいです ブートストラップをインストールしました npm install bootstrap --save 今、私の反応アプリでブートストラップCSSとJSをロードしたいと思います。 私はwebpackを使用しています。 webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, module: { loaders: [ { test: /\.js?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } } …

135 twitter-bootstrap  reactjs  webpack 

私はブートストラップ初心者であり、ブートストラップでコーディングしたい100％幅のテンプレートがあります。最初の列は左隅から始まり、Googleマップで右端まで伸びています。container-fluidクラスでこれを行うことができると思ったが、それはもはや利用できないようです。あなたがレイアウトを確認したい場合、私は、私は、ここにリンクをthemeforestからジオメトリPSDテンプレートを使用していますどのようにブートストラップ3とそのレイアウトを実現するためには考えています。http://themeforest.net/item/geometry-design-for- geolocation-social-networkr / 4752268

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

ボタンを無効にできるように、Bootstrap 2.0のタブを無効にできますか？

134 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

これはサブメニューのドロップダウンではなく、カテゴリは画像のようにクラスliです。 レスポンシブメニュー（テンプレートは1ページのみ）からカテゴリを選択することで、ナビゲーションの折りたたみを自動的に非表示にしたい。テンプレートにはページが1つしかないため、散歩してナビゲーションとして使用します。私はそれに影響を与えない解決策を探します、これはメニューのHTMLコードです： <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!-- dropdown --> </ul> <!-- …

133 jquery  html  twitter-bootstrap 

line-height: 1.428571429; Bootstrapline-heightがこの値に設定されるのはなぜですか？ （テーマによっては、1.42857143に丸められます。）

133 twitter-bootstrap  css 

これはささいな問題のようですが、わかりません。 Bootstrapsの独自のWebサイトには、Selectの例があります。 コードを見ると、その選択要素に4の境界半径があるように見えます。 私の希望は、border-radiusを0に変更すると、select要素からborder-radiusが削除されることですが、そうではありません-下の図に示すように。 その選択要素を変更しているすべてのCSSを調査しましたが、いずれも境界線の半径を削除していないようです。

133 css  twitter-bootstrap 

私はBootstrap 4 alpha 2を使用しており、カードを利用しています。具体的には、公式ドキュメントから取得したこの例を使用しています。すべてのカードを同じ高さにするにはどうすればよいですか？ 私が今考えられるのは、次のCSSルールを設定することだけです。 .card { min-height: 200px; } ただし、これはハードコーディングされたソリューションであり、一般的なケースでは機能しません。私の見解のコードはドキュメントのコードと同じです： <div class="card-columns"> <div class="card"> <img class="card-img-top" data-src="..." alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This …

133 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

以下のレイアウトのように、ページの中央にdivを配置して、ブートストラップを使用してレスポンシブページを作成する必要があります。

132 css  twitter-bootstrap  responsive-design