問題タブ [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.

0 投票する
1 に答える
33403 参照

twitter-bootstrap-4 - Font Awesome と Bootstrap 4 Navbar

Fontawesome と Bootstrap 4 の Navbar コンポーネントを使用して、テキストの説明とアイコンを隣り合わせにする例を探しています。

0 投票する
1 に答える
3731 参照

sass - ブートストラップ 4 SASS および ASP.NET5

ASP.NET 5 アプリで Bootstrap 4 alpha SASS バージョンを使用したい。これまでのところ、インストールしてワークフローを簡単にするのは非常に難しいことがわかりました. 彼らは css と js ファイルとそれらの最小バージョンを作成する Grunt ファイルを持っていますが、良いワークフローのためのきれいな方法がわかりません。

最低限達成したいこと:

  1. プロジェクトのどこかにブートストラップ .SCSS/.JS ファイルがある
  2. .SCSS で何かを変更して保存するたびに、.SCSS を .CSS にトランスパイルし、それらを結合して縮小する必要があります。JSも同じ

理想的には、.cshtml から生成されたページの Browser Link で動作するはずです。ブートストラップが示唆するように、Ruby のものをインストールすることは避けたいです。

これまで Web Compiler 拡張機能を使用しようとしましたが、bootstrap の SCSS は相互に @import を行っていないため、理解できませんでした。また、gulp または grunt を使用して Web コンパイラの結果を結合/縮小することもできますが、.SCSS イベント内で Ctrl+S に gulp/grunt タスクを割り当てる方法がわかりません。

0 投票する
2 に答える
2016 参照

css - Bootstrap 4 Alpha とアップグレード

Bootstrap 4 は 2016 年中にリリースされる予定です。

アップグレードする最善の方法は何ですか? 完全な書き直しですか? Boostrap 2 から 3 でそれを行いましたが、バージョン 4 で再び直面できるかどうかはわかりません....

ありがとう

0 投票する
5 に答える
58696 参照

html - ブートストラップ - 背景画像の上にナビゲーション バーを配置する方法は?

私はブートストラップが初めてです。これは私が作ろうとしているデザインです: ここに画像の説明を入力

ご覧のとおり、ナビゲーション バーは背景画像の上にあります。これは私が持っているものです:

与えます:

ここに画像の説明を入力

上記の代わりに画像自体に配置する方法がわかりません。

短い補足質問: vimeo からの写真が、私が太陽から使用した画像よりもはるかに良く見えるのはなぜですか? 私の画像では、すべてのピクセルなどを見ることができます...これは、画像が小さすぎる可能性があり、ページ全体に収まるように大きく引き伸ばさなければならないという事実によるものですか?

編集:

これは私が試したものですが、うまくいきませんでした

0 投票する
1 に答える
4083 参照

twitter-bootstrap-4 - Bootstrap 4 カード イメージがイメージ タグに src ではなく data-src を使用するのはなぜですか?

以下のデモ コードでは、data-src を使用していますが、img src は使用していません。画像はどのように適用されますか?JavaScriptはこれを何らかの形で変更しますか?

http://v4-alpha.getbootstrap.com/components/card/