問題タブ [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 に答える
1369 参照

parsley.js - Bootstrap 4 で Parsley 2 を動作させる

デフォルトでは、Parsley は 1 つの要素のクラス (通常は無効なエントリがある入力フィールド) の更新のみを処理します。ただし、Bootstrap 4 では、フォーム グループと入力フィールド クラスの両方を更新して、検証アイコンでレンダリングする必要があります。それ以外の場合は、境界線の色のみが変更されます。

クライアントでユーザー入力を検証するときに、Parsley を使用して入力フィールドを正しく完全にスタイルするにはどうすればよいですか?

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

css - ブートストラップ 4 は、col-offset-md-* の代わりに offset-md-* を受け入れます 命名規則のバグ

私は Bootstrap 4 の初心者です。

私は最近それを学び始めたばかりですが、悲しいことに、すでに問題に遭遇しています。Bootstrap 4 マニュアル自体から一部のコードを変更しました。ただし、オフセットが適切に機能せず、惨めに失敗します。コードは完全に単純で、多くのコードは必要ありません。

編集: 2016 年 5 月 25 日 [12:35 PM (GMT+8)]:

Boottrap 3.3.6 リリースを使用すると、col-md-offset-* が機能します。ただし、失敗するのは Bootrap 4 です。

問題はhttps://github.com/twbs/bootstrap/issues/19966に投稿されました!

これは私が使用したコードです:


したがって、「col-md-offset-*」と呼ばれるブートストラップのクラスが実際に機能しないのではないかと疑っていました。そこで、Safari で [開発] > [Web インスペクターを表示] を開き、CDN 経由でリンクされている Bootstrap ファイルを調べました。class を検索しましたが、col-md-offset-4表示されませんでした。しかし、私はmd-offset-4代わりに見ました。また、 class の代わりに、col-md-push-4私が見つけたのはmd-push-4などなどであることがわかりました。したがって、代わりに を使用するmd-push-4と、Bootstrap の例と同じくらいうまく機能しました。

編集: 2016 年 5 月 25 日 [午後 9 時 3 分 (GMT+8)]:

これは、ユーザー Nate Conley による回答に対応しています。ちなみに、これは、この質問が編集された時点でhttp://v4-alpha.getbootstrap.com/layout/grid/から取得されました。この記事の執筆時点では、Bootstrap チームの変更は予期されていないか不明です。

ドキュメンテーション コード サンプル

Bootsrap 1 で見つかったコード

Bootstrap 2 で見つかったコード

したがって、コードを修正したところ、完全に正常に動作しました。

Q: ブラウザ、Safari (9.1)、または Bootstrap バージョン 4、maxcdn などに問題がありますか? これは Bootstrap 4 の通常のバグですか?

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

css - Bootstrap 4メニューの画像付き配置

私はこのテンプレートを使用しています:

http://bootstrap4.guide/

メニューを少し変更したいのですが、青いBootstrap 4テキストの代わりに、そこに画像を表示したいと思います。モバイルビューを見るまでは問題ないようです。

テキストと同じ場所に画像があることを期待しています: ここに画像の説明を入力

ただし、私の画像はたまたまハンバーガー メニューの下に表示されます。 ここに画像の説明を入力

これは私が現時点で持っているものです:

Bootstrap 4を次の img タグに置き換えました<img src='logo.png'/>。私はブートストラップにまったく慣れていません。誰かがこれを整理する方法を理解するのを手伝ってくれたら、それは素晴らしいことです。

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

twitter-bootstrap-4 - プロジェクトで Bootstrap 4 ソースを使用するための正しいインストール プロセスは何ですか?

わかりましたので、これに関するドキュメントを読みましたが、頭を越えているだけなので、試したことさえありません。

プロジェクトフォルダーがあります:

変数をカスタマイズし、特定のプロジェクトでコンパイルされるファイルをカスタマイズできるようにすることで、ブートストラップのすべての機能を使用することに慣れたいと考えています。

マシンに node.js がインストールされているので、npm や grunt などにアクセスできます。

ここからソース ファイルのフォームをダウンロードしましたが、npm を使用してインストールする方がよい場合は、反対ではありません。ファイルからリンクできるファイルにコンパイルする方法を知る必要があることに注意してください。node_modules.html

私の主な質問は、プロジェクトで使用するためにサイトからソース ファイルをダウンロードする場合、プロジェクトの残りの部分と私自身の SCSS および JS に関連して、ファイル構造のどこにソース ファイルを配置するかということです。

あなたが助けてくれることを願っています! クレイグ

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

twitter-bootstrap-4 - Bootstrap 4 さまざまな種類のポップオーバーを初期化するにはどうすればよいですか

Bootstrap 4 で使用したい 2 種類のポップオーバーがあります。しかし、すべてのポップオーバーを初期化することも、個別に初期化することもできるようです。

だから私はこれを行うことができます。

または私はこれを行うことができます。

しかし、私は両方を行うことはできません。何か不足していますか? ポップオーバーの一部をインライン化し、一部を HTML 指向にしたいので...

どんなアドバイスでも大歓迎です

ダレン

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

javascript - 値に制限を設定する方法 - jquery

こんにちは、ブートストラップ 4 の各プログレス バーに制限を設定しようとしています。クリックでトリガーしたいです。

問題はいつでもクリックすることです

値は常に 100 になります。各プログレス バーの最大値を設定するにはどうすればよいですか?

これがコードです。

ここにフィドルがあります