問題タブ [skeleton-css-boilerplate]
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.
html - 3 分の 1 列と 3 分の 2 列が互いに揃わない
私はスケルトンフレームワークを使用しており、これが私のコードです:
この出力を取得しています:
私の予想される出力は次のようなものですが:
助けてください、ありがとう:)
html - Skeleton Boilerplate - 特定の要素の動きを妨げる
私はスケルトンを使用して流動的なレイアウトを作成していますが、ほとんどの場合うまく機能していますが、magento でこの 2 列のレイアウトに問題があります: http://watchgearonline.co.uk/watch-straps.html
左側のサイドバーのナビゲーションは 3 列に設定され、右側のメイン パーツは 12 列に設定されています。
ページの幅を減らすと、右側が下にジャンプし、それを補うために左側が突然非常に広くなり、見栄えがよくなくなります。
CSS max-width: 160px; を使用して停止しようとしました。左側のサイドバーに適用されます - より良いですが、それでもあまり良くありません。右側の列が飛び降りず、そのままの位置にとどまっていればよかったのにと思います。
右側の列をそのままの状態に保ちながら、そのサイズと内容を流動的に保つにはどうすればよいですか? それとも、この領域からスケルトンを取り出して静的コンテンツにする方がよいのでしょうか?
css - CSS スケルトン - コンテンツを右カラムの下部に配置する方法
私は Skeleton css ボイラープレートを使用しています。私は次のhtmlを持っています:
右(4列)を下に揃えたい。
私は次のことを試しました:
これは、画面の幅が狭すぎて 2 つの列を並べて収まらないまでposition:absolute;bottom:0;
機能し、右の列が左の列の下に表示されます。これはまさに私が望むものです。列 1 の下部の。
top-margin
また、 aと aを効果なしで追加しようとしましたpadding-top
。
これを機能させる方法についてのアイデア。
javascript - Skeleton Wordpress テーマのカスタム JavaScript?
私はこれを試しました: http://themes.simplethemes.com/skeleton/tutorials/how-to-add-custom-css-and-javascript-using-a-child-theme/
そして、これを子テーマディレクトリ内の functions.php に追加しました:
もちろん、skeleton_childtheme/js/additional.js ファイルを作成しました
しかし、それは何もせず、私の additional.js がロードされていません。何か案が?:(
css - スケルトン ベース グリッド 1200 の 5 つの等しい柱
既存のグリッドに 5 つの等しい列を追加するオプションを追加したいと思います。
ここでのstackoverflowに関する以前の質問から理解している限り、次の行を960グリッドに追加する必要があります。
以下のサンプルで、グリッドが構成されていることがわかります。
私が助けを必要としている{ width: ???px; }
のは、1200 グリッドの場合と、行を追加した後の各メディア クエリの幅です。.container .one-fifth.column
どんな助けでも大歓迎です-前もって感謝します。
既存のグリッド CSS:
html - Skeleton Wordpress テーマでサブ ナビゲーションを表示する
ナビゲーションにサブメニュー項目を追加しようとしていますが、ナビゲーションに正しい HTML があってもサブメニューが表示されません。
Skeleton wordpress テーマを使用しており、ヘッダーは必要に応じて手動で更新されますが、サブメニューを追加する必要があります。
HTML:
CSS: