ブートストラップ行の g-5 を超える列間隔のネイティブ CSS スタイルをカスタマイズする方法

ブートストラップを使用してシンプルなランディング ページを構築します。行の列間隔を広げる必要があります。カスタム Sass Spacing Mixin を使用して間隔を増やすことができることはわかっていますが、構築している Web サイトにはいくつかのセクションが含まれているため、シンプルに保ち、ビルド プロセスを必要としないようにしたいと考えています。行には g-5 クラス名を使用し、列間に 32 ピクセルまたは 40 ピクセルの間隔を確保しました。 CSSを使ってさらに増やす方法。列、列、列

P粉644981029 2023-08-16 11:02:55 0  1  501

css - 入力間の間隔とテキストの上下の中央揃え

使用環境: debian8 + firefox-45.8 参照: {code...} ここで質問が 2 つあります: 1. submit のテキストは上下中央に配置できません。vertical-align:middle が設定されています。「検索」というテキストは上下中央に配置できません。「検索」という 2 つの単語が下 2 に配置されます。 2 つの入力間の間隔に問題があります...

漂亮男人 2017-06-20 10:06:57 0  1  1571

属性セレクターを使用して CSS 内の要素を選択する

CSS では、HTML5 の data 属性 (data-role など) を介して要素を選択することはできますか?

P粉143640496 2023-08-21 17:08:53 0  2  510

CSS: リスト項目間の間隔を変更する

リストの CSS を編集しようとしましたが、行に正しく移動してリスト要素間の高さを調整する方法が見つかりませんでした。ウェブサイトのリンク: https://denkimedia.com/prod/K2211001/test/ メニューは開きますが、リスト要素間のサイズを修正する方法がわかりません: リストの表示が正しく機能しません。 :) 行を調整するために、article-verticle.css の位置と空白を変更しました。 .flowpaper-reflow-tocitem{位置: 相対; 空白: 通常; 内部

P粉436410586 2024-04-02 15:46:38 0  1  446

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  567

CSS 表示プロパティの変換

私は現在、CSS の「メガ ドロップダウン」メニューを設計しています。基本的には通常の純粋な CSS ドロップダウン メニューですが、さまざまなタイプのコンテンツが含まれています。現在、CSS3 トランジションは「display」プロパティでは動作しないようです。つまり、display:none から display:block (または任意の組み合わせ) に移行することはできません。誰かがトップレベルのメニュー項目の 1 つにカーソルを置いたときに、上の例の 2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性で変換を使用できることはわかっていま...

P粉958986070 2023-08-23 12:27:32 0  2  594

App\Models\User::$profile のオーバーロードされた属性の間接的な変更は無効です。

こんにちは、私はlaravel9を使用しています。アプリケーションにはユーザーとプロファイルという2つのモデルの間に関係があります。 User モデルには Profile モデルと hasOne 関係があります。プロファイル コントローラーから更新メソッドを実行しようとすると、次のエラーが表示されます: オーバーロードされたプロパティ App\User::$profile の間接的な変更は無効です。これは私の更新メソッドです: publicfunctionupdate(Request$request){$this->validate($request,['na

P粉136356287 2023-11-08 11:50:44 0  1  789

スライダーでカード間にスペースを作成する: マージンを定義するにはどうすればよいですか?

スライダーを作成しようとしていますが、その中のカードにはスペースがまったくありません。間にマージンを追加しようとしましたが、うまくいきません。どこで間違えたのか理解するのを手伝ってくれませんか？前もって感謝します。 constcards=document.querySelectorAll(".card");constbtnLeft=document.querySelector(".slider__btn--left");constbtnRigh

P粉545956597 2024-03-30 13:27:15 0  1  357

未定義のプロパティ「$primevue」がレンダリング中にアクセスされました

ケースと問題 Vue.js を使用してプライベート プロジェクトに取り組んでおり、PrimeVue の FileUpload コンポーネントを使用しようとしたときに次のエラーが発生しました: [Vuewarn]: レンダリング中にプロパティ '$primevue' にアクセスされましたが、プロパティインスタンスでは未定義でした。コンポーネントで FileUpload を使用しようとしています: <template><FileUploadname="demo[]"url=""

P粉476547076 2023-08-25 16:17:16 0  1  692

静的プロパティは非静的メソッドで呼び出すことができます

このレッスンの 3:30 で述べたように、静的属性を非静的メソッドで呼び出すことはできませんが、個人的なテストによると、このクラスの非静的メソッドは [self::静的属性の属性名] を使用して静的属性を呼び出すことができます。 。 できる

God_Like 2019-04-14 19:20:19 0  3  2201

javascript - オブジェクトには、プロトタイプ チェーンに set メソッドと get メソッドが設定された属性があり、この属性もオブジェクトに自動的に書き込まれます。

1: set メソッドと get メソッドの属性がオブジェクトのプロトタイプ チェーンに設定されている場合、オブジェクトはこの属性を自動的に書き込みます 2: コードは次のとおりです {code...} 3: コンソールで表示します 4: 理由o オブジェクトには属性もありますか?

世界只因有你 2017-06-28 09:26:57 0  1  846

js関数の長さ属性

カスタム関数の場合: function fun(a,b) { {code...} } Chrome 開発ツールで window オブジェクトを出力すると、カスタム関数 fun と独自の関数 getComputedStyle があることがわかります。 fun 関数の仮パラメータは 2 であるため、長さ属性は 2 となり、getComputedStyle 仮パラメータは...

曾经蜡笔没有小新 2017-06-14 10:53:55 0  2  976

java - 将来の拡張でクラスに属性を追加しやすくするにはどうすればよいですか?

地図上に病院と高速道路という 2 つの標識があり、これら 2 つの標識には独自の属性データがあるとします。たとえば、病院にはグレード、建物の数、患者数、床面積、名前などの属性があります。 .; 道路には名前、勾配など、長さ、建設時期、その他の属性があります。つまり、さまざまなタイプのマップ識別子です...

天蓬老师 2017-05-27 17:41:12 0  3  580

Nuxt.jsでデータ属性の配列にオブジェクトをプッシュする方法

nuxt プロジェクトのデータ属性内の配列にオブジェクトをプッシュしたいと考えています。しかし、同様のエラーが発生します未定義のプロパティを読み取ることができません（「プッシュ」を読み取ります）これは私のjs部分です<script>exportdefault{data(){return{form:{gallery:[{id:null,imgurl : null}]}}},メソッド:{asyncuploadGallery(){varmyimg="imageurlg

P粉060112396 2024-02-26 12:31:40 0  1  377

javascript - 計算されたプロパティをvueの入力値にバインドする方法

計算された属性を vue {code...} {code...} の input#paramsSetInput の値にバインドする方法

巴扎黑 2017-06-30 09:58:44 0  3  1906

javascript - vue-cli でビルドされたプロジェクトに $route 属性がないのはなぜですか?

コードは次のとおりです。 main.js router.js ログイン ページ (login.vue) ここに $route 属性がないのはなぜですか? $route 属性はどこで確認できますか? ルーティング設定に問題があります。ページは正常にジャンプできますが、この属性が見つかりません。

PHPz 2017-05-19 10:10:33 0  2  524

計算プロパティで prop を使用する場合のヒント

「mediaItems」という小道具を受け取るカルーセル コンポーネントがあります。これを計算プロパティで使用して、カルーセルの終わりを決定します。 props:['mediaItems','sliderHeading'],computed:{atEndOfList( ){returnthis. currentOffset<=(this.paginationFactor*-1)*(this.mediaItems.length/

P粉893457026 2023-08-25 13:19:04 0  1  555

Endpoint _header 属性を JSON 応答オブジェクトに追加します。

リモート エンドポイント サービス (npoint.io) からデータを取得するテストをしています。応答オブジェクトが返されると、JSON に「_headers」属性が追加されます。 JSON を文字列化するときにその属性を削除できると思います。しかし、おそらく、削除するために使用する必要がある http.get() のオプションのパラメータが欠落しているため、質問しています。まず、これはサーバーからの応答です: {"schema":{"type":"object",

P粉237689596 2024-04-05 10:35:39 0  1  1540

特定の製品可用性フラグに基づいて、Zod スキーマのすべてのプロパティをオプションにするにはどうすればよいですか?

電子商取引アプリケーションの製品属性を検証するための Zod スキーマがあります。私のスキーマには現在、製品の供給が限られているかどうかを示す isLimitedEdition というプロパティがあります。ただし、isLimitedEdition が true に設定されている場合、スキーマ内の他のすべてのプロパティをオプションにする必要があります。これは既存のアーキテクチャ構造です: constproductProperties=z.object({name:z.string().nonempty(),description)

P粉298305266 2023-08-30 22:37:05 0  1  437