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

私はJQueryを使用しないプロジェクトで働いています。 Twitterブートストラップはそれに依存していますか？

96 twitter-bootstrap 

特定のサイズのdivに収まるように画像を取得しようとしています。残念ながら、画像はそれに適合しておらず、代わりに、十分に大きくないサイズに比例して縮小しています。画像を画像の中に収めるにはどうすればよいかわかりません。 これで十分なコードがない場合は、追加で提供させていただきます。見落としているその他のエラーを修正することもできます。 ここにHTMLがあります <div class="span3 top1"> <div class="row"> <div class="span3 food1"> <img src="images/food1.jpg" alt=""> </div> </div> <div class="row"> <div class="span3 name1"> heres the name </div> </div> <div class="row"> <div class="span3 description1"> heres where i describe and say "read more" </div> </div> </div> 私のCSS .top1{ height:390px; background-color:#FFFFFF; margin-top:10px; } .food1{ background-color:#000000; …

96 html  css  twitter-bootstrap 

Bootstrap 4への移行時に、新しいレスポンシブユーティリティの非表示/表示クラスに問題があります。私は.hidden-クラスがされていることを認識していますV3から取り外して交換して。新しいクラスを使用していますが、要素は表示/非表示に変わりません。理由がわかりません。.hidden-*-up .hidden-*-down.hidden-*-up.hidden-*-down <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div class="col hidden-lg-down"> <div class="hidden-sm-down"> … </div> <div class="hidden-xs-down"> … </div> </div> * 画面サイズに関係なく、この例では何も隠されていません（Safari、レスポンシブデザインモード）

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

100％色のブロックを交互に作成したいと思います。「理想的な」状況は、現在の状況だけでなく、添付ファイルとして示されています。 必要なセットアップ： 現在： 私の最初のアイデアは、divクラスを作成し、背景色を付け、幅を100％にすることでした。 .block { width: 100%; background: #fff; } ただし、これは明らかに機能しないことがわかります。コンテナエリアに限定されています。コンテナを閉じようとしましたが、それも機能しませんでした。

96 css  twitter-bootstrap  width 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle フォームのコンテンツをJavaScript関数内に保存すると思います... ブートストラップポップオーバー内にフォームを含めるにはどうすればよいですか？

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

ASP.NET MVC4 Bootstrap 3アプリケーションは、Microsoft Visual Studio Express 2013 for Web IDEから実行されています。 Chromeコンソールに常にエラーが表示される http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) このファイルは、ソリューションエクスプローラーのfontsディレクトリにあります。ビルドアクションは[コンテンツ]に設定され、[出力ディレクトリにコピー]は[他のフォントファイルのようにコピーしない]です。NuGetを使用して、Bootstrap 3がソリューションに追加されます。このエラーが発生しないようにこれを修正するにはどうすればよいですか？アプリケーションはGlyphiconおよびFontAwesomeアイコンを適切に表示します。このエラーは、常にアプリケーションの起動時に発生します。

95 asp.net-mvc  twitter-bootstrap  visual-studio  asp.net-mvc-4  glyphicons 

したがって、私はこのコードを使用して、現在開いているモーダルウィンドウで別のモーダルウィンドウを開きます。 <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 何が起こるかというと、500msほどスクロールバーが複製されるということです。現在のモーダルはまだフェードアウトしているためだと思います。ただし、非常に滑らかで途切れ途切れに見えます。 この問題を解決するための提案をいただければ幸いです。 また、onclickイベントでこれを構築する方法は専門外ですか？ ブートストラップバージョン3.0を使用しています。 編集：モーダルをフェードアウトする時間を短縮する必要があると思います。これはどのようにして可能ですか？

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3 

新しいブランドを作りました 角度クリプロジェクト を実行npm install bootstrap@4.0.0-beta jquery popper.js --save し、.angular-cli.jsonの関連パーツを以下のように実行および変更しました "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], ただし、以下のエラーを受け取ります 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at webpackJsonpCallback (bootstrap 4403042439558687cdd6:25) …

95 twitter-bootstrap  angular  webpack  popper.js 

問題を解決するために助けが必要です。bootstrap4の列内のコンテンツを中央に配置する必要があります。以下のコードを見つけてください。 <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

私はRails 3.1.2プロジェクトでTwitter Bootstrap 2.0.1を使用しており、bootstrap-sassで実装されています。とファイル、bootstrap.cssおよびJavaScriptの両方をロードしていbootstrap-responsive.cssますbootstrap-collapse.js。 例に似たナビゲーションバーを備えた流動的なレイアウトがあります。これは、ここにあるナビゲーションバーの「レスポンシブバリエーション」の手順に従います。それは正常に動作します。ページが約940pxより狭い場合、ナビゲーションバーは折りたたまれ、「ボタン」が表示され、クリックして展開できます。 ただし、私のナビゲーションバーは、幅が約550pxまで見栄えが良く、画面が非常に狭い場合を除いて、縮小する必要はありません。 画面の幅が550px未満の場合にのみ、ナビゲーションバーを折りたたむようにBootstrapに指示するにはどうすればよいですか？ この時点では、要素を並べて表示する代わりに要素を積み重ねるなど、他の応答動作を変更したくないことに注意してください。

94 css  ruby-on-rails-3  twitter-bootstrap 

ページでモーダルビューをトリガーすると、スクロールバーが非表示になります。モーダルが移動/非表示になると、背景ページが動き始めるので、これは迷惑な効果です。その効果の治療法はありますか？

94 javascript  twitter-bootstrap  modal-dialog 

次の画像をご覧ください。画像の回転にはブートストラップカルーセルを使用しています。ただし、ウィンドウの幅が大きい場合、画像はボーダーに正しく配置されません。 しかし、ブートストラップによって提供されるカルーセルの例は、ウィンドウの幅に関係なく、常に適切に機能します。コードに従う。 カルーセルが異なる動作をする理由を誰かが説明できますか？これは画像サイズと関係がありますか、それともブートストラップ設定が不足していますか？ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> </div> <div class="item"> <img alt="" src="/eboxapps/img/3pp-2.png"> <div class="carousel-caption"> <h4>2. Create …

93 javascript  jquery  twitter-bootstrap  carousel 

ドロップダウンメニューでTwitterブートストラップサブメニューを作成しようとしましたが、問題があります。ページの右上隅にドロップダウンメニューがあり、そのメニューにはもう1つのサブメニューがあります。ただし、サブメニューが開いたとき-ウィンドウに収まらず、右に移動しすぎるため、ユーザーは最初の文字しか表示できません。そのサブメニューを右ではなく左に開く方法は？

93 javascript  jquery  css  twitter-bootstrap 

StackでTwitter BootstrapとHTML5ボイラープレートについて回答したさまざまな質問を読みました。 私は次のことを知っています： ブートストラップとH5BPは同等ではなく、異なる目的で使用されます Bootstrapの用途は知っています。毎日使用します-これはフロントエンドフレームワークであり、CSSとJSをすぐに使用できます。セレクター/要素に適切なクラスを適用するだけで、Bootstrapがすべてを行います。彼らは彼らのウェブサイトに広範なサポートドキュメントを持っています、そこであなたは彼らがフレームワークの中で提供しなければならないものとそれを実装する方法を見ることができます... あなたはinitializrを使用して2つの力を組み合わせることができます H5BPはテンプレートです...ええとそれについて... しかし、私がまだ知らないのは、次のとおりです。 H5BPは何のために使われるのですか？彼らのウェブサイトを訪問するとき、彼らはあなたにソースファイルを与えるだけであり、それだけです（そうです、そしてビデオ）。これを使用する利点は何ですか？たとえば、Bootstrapと一緒に使用する理由は何ですか？

93 twitter-bootstrap  html5boilerplate 

ブートストラップに問題があるので、いくつかの助けが素晴らしいでしょう。ありがとう 私が欲しいもの:(上部） 私の現在のコード： <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 現在のスクリーンショット：

93 twitter-bootstrap  twitter-bootstrap-3