grid-system

0熱

1答えて

私はNeat 2.0を既存のコードベースに統合しようとしています（それ自体は基本的にWeb Starter Kitのものです）。私はgrid-visualの電源を入れたときに何らかの理由で、私はの列を見ている代わりに、12 のこれが発生する可能性がありますなぜ、特定の理由がありますか？デバッグしようとして髪を引き出します。また、列と溝が何らかの形で逆転しているようです。複製するには、新しいGo

0熱

2答えて

Django CMS - Aldryn Bootstrap壊れたグリッドシステム

最近私はDjango CMSを使ってウェブサイトを開発し始めました。 Alrdyn Bootstrapを使用している間は、壊れたグリッドシステムとは別にすべてが完全にうまくいっています。他のすべてのコンポーネントは正常に動作しているようですが、グリッドシステムは、たとえばCMS内で入力している設定に準拠しません。クラス内にcol-lg-4 col-xs-6と記載すると、コンポーネントは最初のク

0熱

2答えて

HTMLの空のグリッド列、CSS

row1私は4列あり、row2私は2列目を空にしてスペースを取ってください。 3列目が左に移動して2列目を占めます。私はテーブルとを使用したくない。 .col { display: inline-block; margin-right: 4%; float: left; } .col:last-child { ma

0熱

1答えて

Vuetifyグリッドシステムでループ内にカードコンポーネントを表示する方法は？

注：機能性とスタイリングのためVue.jsとVuetify.jsを使用して私は、動的にv-forで生成されたカードのコンポーネントを持っている、と私は、行の1/3/4カード（S）でそれらを表示したいです画面サイズ（sm/md/lg）によって異なります。 Vuetifyのグリッドシステムに、v-flexとv-layoutの要素を配置すると、2番目の行に移動するのではなく、カードが最小化されます。

0熱

1答えて

静的幅（col-xl- *）（ブートストラップ4）？

col-xl- *では、より大きなモニターでは成長が止まるのをどのようにして禁止できますか？ラップトップ（1280幅）とデスクトップ（1920）で見ると、どちらもcol-xlに適用されますが、デスクトップ上では大きすぎるか、ラップトップでは小さすぎます。 <div class="d-flex justify-content-center align-items-center text-cente

0熱

2答えて

イメージ付きカスタムグリッド

私はWeb開発を学んでいるので、Bootstrap3のようなライブラリを使用しましたが、私は完全に理解し、ブートストラップで利用可能ないくつかのものを作り直すことによって、Web開発者の知識をさらに伸ばしたいと思います。私は現在、カスタムグリッドを使いこなしていて、レスポンシブに残るイメージを入れています。問題は、イメージのサイズが私の列にあるかどうかに関わらず、イメージをすべて1つの高さにしたい

1熱

2答えて

Angularプロジェクトに@ angular/flex-layoutをインポートした後にエラーが発生する

私は、ブートストラップの代わりに@angular/flex-layoutのレスポンスグリッドシステムを使用することに決めました。私は単純にNPMパッケージをインストールして、私のAppModuleに追加： import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-brows

1熱

1答えて

MySQLデータベースで4行を取得した後に特定のコンテンツをエコーする方法

私はバックエンドシステムを作成しており、インデックスページの表示製品はグリッドシステムに従う必要があります。たとえば、私はMySqlデータベースから8つの製品を持っています。私はそれらをそれぞれ2つの行、4つの製品に分けたいと思う。だから私のPHPコードは次のようになります。それはすべてをループするまで4回（4回<div class="col-dsk-4">）、whileループの終了をエコーし

0熱

1答えて

ウェブページ上で水平スクロールを引き起こす要素を追跡するには？

異なるグリッドシステムを使用して責任のあるWebページを開発する際に、特定の要素がオーバーフローし、問題のサイズ/パディング/余白があり、ページを水平方向にスクロール可能にするという問題に直面することがあります。私は時にはポイント&クリック（chromeの要素ツールを選択）するのが難しいので、これらの要素を追跡するのは難しいと思います。どのようにして誤った要素をすぐに特定できますか？

0熱

1答えて

ブートストラップ4グリッドシステムの問題

table-> tr> tdは私の問題は非常にシンプルですが、多分私は4グリッドシステムがどのように動作するか、ブートストラップ知らないcontainer-fluid-> row-> col-* or col-*-* とほぼ同等です。のは、私の下の問題を見てみましょう、は、私は、以下に示すように、グループにdiv class=row下外側divでそれらをラップすることにより、3つの要素が欲しい