問題タブ [twitter-bootstrap-4]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 一部の CSS ルールが機能しないのはなぜですか?
横向き/縦向きモードに応じて向きを変えるネストされたフレックスボックスレイアウト(ブートストラップv4を使用)があります。最初のレベルdiv
(プロパティを使用してフレックスボックスによって配置されるorder
) は#no
、ボタンとして機能する 5 つのアイコンを保持します。これらのアイコンで、order
プロパティが期待どおりに機能しません。
プロパティを使用しない場合order
、アイコンは自然な順序で配置されます。ただし、order
プロパティを使用してレイアウトしようとすると、機能しません。コードでは、info-div
( order:3
) は最後の要素である必要があります。そうではありません。ソース内の順序を変更することで、必要な順序を取得できます。ただし、私の誤解を明確にしたいと思います。
ruby-on-rails - Heroku デプロイメント - Sass::SyntaxError: インポートするファイルが見つからないか読み取れません: ブートストラップ スプロケット
ブートストラップ バージョン 4 の使用を開始しました。Heroku へのデプロイ中にこのエラーが発生し始めました。私のスタイルシートは custom.css.scss です。アプリは問題なく開発中動作します。ブートストラップ v4 へのアップグレードが開始されませんでした。ブートストラップ v3 を使用していたとき、展開でこの問題は発生しませんでした。他の投稿からのさまざまな提案を何度も確認して無駄にしました。
bootstrap.custom.css.scss ファイル
アプリケーション.scss
アプリケーション.js
heroku デプロイからのエラー
Gemfile
インストールされた宝石
html - ボタンを中央に配置するには?
Twitter のブートストラップとそのカバーの例をベースとして使用します。そこにいくつかの入力フィールドを追加し、2 番目の ( email
) を中央に配置したいと考えています (つまり、水平方向に整列)。.center-block
と.text-center
をさまざまな要素に追加しようとしましたdiv
が、役に立ちませんでした。解決策は何ですか?
コードは次のとおりです。
ここにjsfiddleがあります。
twitter-bootstrap-4 - Font Awesome と Bootstrap 4 Navbar
Fontawesome と Bootstrap 4 の Navbar コンポーネントを使用して、テキストの説明とアイコンを隣り合わせにする例を探しています。
sass - ブートストラップ 4 SASS および ASP.NET5
ASP.NET 5 アプリで Bootstrap 4 alpha SASS バージョンを使用したい。これまでのところ、インストールしてワークフローを簡単にするのは非常に難しいことがわかりました. 彼らは css と js ファイルとそれらの最小バージョンを作成する Grunt ファイルを持っていますが、良いワークフローのためのきれいな方法がわかりません。
最低限達成したいこと:
- プロジェクトのどこかにブートストラップ .SCSS/.JS ファイルがある
- .SCSS で何かを変更して保存するたびに、.SCSS を .CSS にトランスパイルし、それらを結合して縮小する必要があります。JSも同じ
理想的には、.cshtml から生成されたページの Browser Link で動作するはずです。ブートストラップが示唆するように、Ruby のものをインストールすることは避けたいです。
これまで Web Compiler 拡張機能を使用しようとしましたが、bootstrap の SCSS は相互に @import を行っていないため、理解できませんでした。また、gulp または grunt を使用して Web コンパイラの結果を結合/縮小することもできますが、.SCSS イベント内で Ctrl+S に gulp/grunt タスクを割り当てる方法がわかりません。
css - Bootstrap 4 Alpha とアップグレード
Bootstrap 4 は 2016 年中にリリースされる予定です。
アップグレードする最善の方法は何ですか? 完全な書き直しですか? Boostrap 2 から 3 でそれを行いましたが、バージョン 4 で再び直面できるかどうかはわかりません....
ありがとう
twitter-bootstrap-4 - Bootstrap 4 カード イメージがイメージ タグに src ではなく data-src を使用するのはなぜですか?
以下のデモ コードでは、data-src を使用していますが、img src は使用していません。画像はどのように適用されますか?JavaScriptはこれを何らかの形で変更しますか?