私が持っているもの

"home" と "grupo" の 2 つのページがあります。「ホーム」には、同じページ「グループ」に送信するさまざまな会社へのリンクを含む 3 つの大きな DIVS が存在します。"grupo" には 4 つの div があり、そのうちの 3 つが非表示で、最初に表示されます。

マイコード

View/Home.blade.php

ビュー/Grupo.blade.php

私が欲しいもの

PHPを使用したくありませんが、Javascriptを使用します。例を挙げましょう: リンクをクリックすると (「ホーム」ビューで) 「title='Jandaia' (2 番目のリンク)」ページ「Grupo」が表示されないようにします。クラス「content0」と「content1」の de div で、クラス「hide」を「show」に変更します。

タイトルの通り、私のjQueryセレクターが間違っているようです...

これは、index.php に含まれている私のmenu.phpです。

これは、index.html の content div に href をロードする私のmenu.jsです。

問題は、YUI が .class 要素と #id 要素を変更するため、次のようになることです。

メニュー要素をクリックすると、jQuery が適切なコンテンツをロードするための適切なセレクターは何でしょうか?

私のプロジェクトで purecss.io を使用していますが、LabelFor 要素にラベル スタイルを適用しようとすると問題が発生します。HTML属性を使用しないことはわかっていますが、すべての文字をまとめずにラップするとスタイルを取得できません。

次の行を試してみましたが、テンプレートの編集の手前で停止しましたが、もっと簡単な方法がない場合はそうします。

編集: はい、申し訳ありませんが、純粋な「純粋な形で整列」でラップされています。

計画では、3 人のパーソナル トレーナーすべてを同じ行に配置することになりますが、
Pure では 1 行に 2 つのアイテムしか表示されませんが、3 つ目のアイテムを配置するのに十分なスペースがあります。

パディングを削除しましたが、この問題の原因となる余分なマージンはありません。

どうすればこれを修正できますか?

HTML

CSS

フィドル

大きな画面では行ごとに 2 つの項目を表示し、小さな画面では 1 つの項目のみを表示するレスポンシブ グリッドを作成しようとしています。

Pure.css を使用してこれを実行できることがわかりましたが、構文が正しいのに機能しません。

アイテムは、互いに重なるまで同じ行にとどまります。

私は purecss を評価しており、そのグリッド システムに Bootstrap のオフセット クラスに相当するものがあるかどうかを知りたいです。

グリッドドコはそのようなことには触れていません。

ありがとう

YUI Skin Builder で単純な CSS を作成しましたが、それを MVC プロジェクトで使用しようとすると、カラー システムが正しくありません。

私のスキンは次のとおりです: Skin、スペクトされたボタンの色は赤ですが、グレーまたはブルーのボタンしか表示されません:

私のcshtmlコード：

なにが問題ですか ？