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

Bootstrap 3はフロントエンドフレームワークの第3世代であり、魅力的なルックアンドフィールでスピーディなWeb開発を可能にします。[twitter-bootstrap]タグと一緒に使用します

30
内部のクリックでドロップダウンメニューを閉じない
Twitter Bootstrapドロップダウンメニューがあります。すべてのTwitter Bootstrapユーザーが知っているように、ドロップダウンメニューはクリックすると閉じます（その中をクリックしても）。 これを回避するには、ドロップダウンメニューにクリックイベントハンドラーを簡単に添付して、有名なを追加しevent.stopPropagation()ます。 <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"></i> Menu item 1 <span class="fa fa-chevron-down pull-right"></span> </a> <ul class="dropdown-menu mega-dropdown-menu"> <li> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel"></li> <li class="active" data-slide-to="1" data-target="#carousel"></li> </ol> <div class="carousel-inner"> <div class="item"> <img alt="" …
11
Bootstrap 3を使用してAngularJSでグリッドまたはテーブルを表す最良の方法は？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する AngularJSとBootstrap 3を使用してアプリを作成しています。数千行のテーブル/グリッドを表示したいと思います。並べ替え、検索、ページ分割などの機能を備えたAngularJSとBootstrapで利用可能な最良のコントロールは何ですか？
22
Twitter Bootstrap 3でのIE8の問題
新しいTwitter Bootstrapを使用してサイトを作成しています。サイトは正常に見え、IE8を除くすべての必要なブラウザーで動作します。 IE8では、モバイルバージョンの要素が表示されているようですが、デスクトップの全画面に表示されます。私が抱えている問題は、Twitterブートストラップが最初にモバイルであることだと思います。そのため、何らかの理由でIE8がこのオプションを採用しています。 また、containerクラスが意図したとおりに最大幅のCSSプロパティを取得していないようです。誰かが私が間違ったことを見ることができますか？ <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div class="topArea clearfix"> <div class="container"> <div class="topLinks"> <div class="btn-group"> <span class="flag" data-toggle="dropdown"> </span> <ul class="dropdown-menu"> <li><a href="#">Country 1</a></li> <li><a …
7
より大きなグリフィコン
Twitterブートストラップ3.0（2.3.xではない）でより大きなグリフィコンを作成するにはどうすればよいですか。 このコードは私のグリフィコンを大きくします： <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> スパンのみを使用しているときにbtn-lgクラスを使用せずにこのサイズを取得するにはどうすればよいですか？ これは小さなグリフィコンを与えます： <span class="glyphicon glyphicon-link"></span>
25
Twitter Bootstrap 3スティッキーフッター
Twitterブートストラップフレームワークをかなり長い間使用していますが、最近バージョン3に更新されました！ スティッキーフッターを下に貼り付けるのに問題があります。TwitterブートストラップWebサイトから提供されているスターターテンプレートを使用しましたが、まだうまくいきません。
12
ブートストラップ3ナビゲーションバーの折りたたみ
ブートストラップ3のナビゲーションバーが折りたたまれるポイントを増やす方法はありますか（つまり、縦長のタブレットではドロップダウンに折りたたまれるようになります）？ これら2つはブートストラップ2に適用可能でしたが、現在は適用できません。 Twitterブートストラップレスポンシブを使用してナビゲーションバーの折りたたみしきい値を変更する方法 デフォルトの応答性のあるナビゲーションバーのブレークポイントを変更する
29
Bootstrapで列の間にスペースを追加するにはどうすればよいですか？
この問題には簡単な解決策があると確信しています。基本的に、2つの列がある場合、どうすればそれらの間にスペースを追加できますか？ たとえば、htmlが次の場合： <div class="col-md-6"></div> <div class="col-md-6"></div> 出力は、ページの幅全体を占める、隣り合った2つの列になります。幅が1000px次に設定されているとすると、各divは500px広くなります。 100px2つの間にスペースが必要な場合、どうすればこれを達成できますか？明らかに、ブートストラップを介して自動的にdivサイズは450pxそれぞれのスペースを補うようになります
23
ブートストラップポップオーバーの幅を変更する
Bootstrap 3を使用してページをデザインしていますplacement: right。入力要素でポップオーバーを使用しようとしています。新しいBootstrapを使用するform-controlと、基本的に全幅の入力要素を使用できます。 HTMLコードは次のようになります。 <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> 私の意見では、ポップオーバーの幅は低すぎます。divに残っている幅がないためです。左側に入力フォーム、右側にワイドポップオーバーが必要です。 ほとんどの場合、Bootstrapをオーバーライドする必要がないソリューションを探しています。 添付されたJsFiddle。2番目の入力オプション。jsfiddleをあまり使用していないのでわかりませんが、結果を表示するには出力ボックスのサイズを大きくしてみてください。小さい画面では表示されません。 http://jsfiddle.net/Rqx8T/
28
複数のモーダルオーバーレイ
オーバーレイが背面ではなく、最初のモーダルの上に表示される必要があります。 コードスニペットを表示 $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal goes here. <br> <br> <br> <br> <br> <a data-toggle="modal" href="#myModal2" class="btn btn-primary">Launch …
1
ブートストラップとマテリアルデザインの選択[終了]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する AngularJS（フルスタック）を使用して新しいプロジェクトを開始します。私のプロジェクトはレスポンシブである必要があり、テンプレートを最初から作成します。 では、レイアウトにブートストラップ3（角度ディレクティブを含む）とマテリアルデザインのどちらを選択するかについてのアドバイスが必要ですか？ 私は誰かが両方の長所と短所をリストできるかどうか非常に感謝します。
6
bootstrap-theme.cssをbootstrap 3で使用する方法
ブートストラップ3の完全なパックをhttp://getbootstrap.comからダウンロードした後、テーマ用の別のcssファイルがあることに気付きました。それをどのように利用するのですか？説明してください？ bootstrap-theme.css既存のブートストラッププロジェクトに含めましたが、出力に違いはありません。
21
アドレスバーがiOS / Android /モバイルChromeを非表示にすると背景画像がジャンプする
現在、Twitter Bootstrapを使用してレスポンシブサイトを開発しています。 このサイトには、モバイル、タブレット、デスクトップにフルスクリーンの背景画像があります。これらの画像は、2つのdivを使用して回転し、それぞれフェードアウトします。 1つの問題を除いて、ほぼ完璧です。iOS Safari、Androidブラウザー、またはAndroid上のChromeを使用すると、ユーザーがページを下にスクロールすると背景がわずかにジャンプし、アドレスバーが非表示になります。 サイトはこちら：http : //lt2.daveclarke.me/ モバイルデバイスでアクセスして下にスクロールすると、画像のサイズ変更/移動が表示されます。 背景DIVに使用しているコードは次のとおりです。 #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:-1; display:none; } すべての提案を歓迎します-これはしばらく頭を使ってきました!!
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.