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

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

twitter-bootstrap - jspm を使用してブートストラップ v4-dev ブランチをインストールする

jspm を使用してブートストラップ v4-dev ブランチをインストールすることは可能ですか?

私はもう試した:

この種の機能は機能しますが、dist フォルダーは空です。

jspm がこの方法でのブランチのインストールをサポートしているかどうかはわかりません。ドキュメントは言う:

この方法で、GitHub と npm の任意のバージョン タグまたはブランチをインストールできます。現在、コミット ベースのインストールは GitHub レジストリではサポートされていません。

https://github.com/jspm/jspm-cli/wiki/Installing-Packages


編集

試した:

同じ結果-空のdist\cssおよびdist\jsフォルダー。

フォルダ

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

css - Bootstrap 4 - プログレス バーのカスタマイズ

Bootstrap 4 alpha を使用しています。どのようにカスタマイズできますか?

以下のコードで試してみました..しかし、それは動作していません:(

ライブデモ


HTML

CSS

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

ruby-on-rails - Rails 4とBootstrap 4を使用して、Simple Formからデフォルトの入力クラスタイプを削除するには?

Rails 4.2.4 と Bootstrap 4 を使用しています (bootstrap_ruby gem を使用)。

Simple Form は入力タイプのクラスをフォームに追加します...入力が文字列の場合、入力にクラスstringを追加します。これが起こらないようにする方法を知りたいですか?

たとえば、ファイル入力のあるフォームがあるとします。

次の HTML が生成されます。

およびフィールドにfileクラスを追加します。フォームの作成中にクラスを削除する方法はありますか?labelinputfile

Bootstrap 4 (Alpha) を使用しようとしていますが、fileクラス名と競合しています。

でできると思ったのですがconfig.wrappers、入力のタイプをクラスとして追加します。string, file.

前もって感謝します。

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

twitter-bootstrap - 「Dist」フォルダをGithubで配布

そのため、Github を使用して、プロジェクト用に変更されたバージョンの Bootstrap をホストしています (Bootstrap の必要な部分だけをコンパイルしています)。また、Github プロジェクトをローカル プロジェクトにダウンロードする手段として JSPM を使用しています。

私のジレンマは、新しいリリースを作成し、JSPM を使用して修正バージョンのブートストラップをインストールすると、プロジェクトのクローンが作成され、dist フォルダーにファイルが含まれないことです。

ここで、JSPM を使用して Github からブートストラップのメイン バージョンをダウンロードする場合、問題はありません。だから私は明らかにリリースで何か間違ったことをしています.
Github からコンパイル済みの dist フォルダーを JSPM に降ろさせるにはどうすればよいですか?

レポは次のとおりです。https://github.com/Softdocs/bootstrap

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

navbar - xs幅で折りたたむBootstrap 4レスポンシブナビゲーションバー?

xs幅でのみハンバーガーボタンに折りたたまれますが、幅が広いと完全に表示されるブートストラップ4レスポンシブナビゲーションバーの例を見つけようとしています。

Just Worksのブートストラップ3のがありますが、私が見つけた4の例はありません。

ブートストラップ 4 navbar の例のページには、折りたたまれたコンテンツバージョンが表示されますが、すべての幅で折りたたまれています。

その下には、.navbar-toggler などを使用して機能させる方法のヒントがあります。アル。

Bootstrap v3 で使用されているものなど、より複雑な navbar パターンについては、.navbar-toggler と組み合わせて .navbar-toggleable-* クラスを使用します。これらのクラスは、レスポンシブ ユーティリティをオーバーライドして、コンテンツの表示が意図されている場合にのみナビゲーションを表示します。

私は最小限のブートストラップの知識しか持っていないので、これを行うための認可された方法が既にある場合、フレームワークと戦いたくない解決策があります。

編集:

実際、ブートストラップ 4 のドキュメントの折りたたみ可能なコンテンツの下にあるレスポンシブ ナビゲーション バーの例は、 navbar-toggleable-xsクラスを使用して私が探していたものを正確に実行します。ウィンドウを十分に狭くしなかったため、以前は表示されませんでした。

0 投票する
3 に答える
3146 参照

twitter-bootstrap-4 - Bootstrap 4 フレックス ボックス グリッド

この投稿によると、Bootstrap 4 はオプトイン フレックス ボックス グリッドを提供します。

_variables.scss ファイルには、$enable-flex というブール変数があります。これを true に設定して再コンパイルすると、多くのことが起こります。

Q: Bootstrap をどのように再コンパイルしますか? 私が入力した:

コマンドラインで、Windowsコンピューターがハングしました。最後に Ctrl+C して終了する必要がありました。

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

html - Bootstrap v4を使用して「カード」の右側にボタンを揃える

私は Bootstrap を初めて使用し、v4 アルファ リリースを使用して飛び込もうと考えました。

次の例の「評価の配置」ボタン (ページの下部近く) を右に揃え、他のテキストを左に揃えようとしています。また、テキストとボタンを中央に垂直方向に配置する必要があります。

http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php

手伝ってくれますか?