モバイル上のボタンにカラムが折りたたまれます

Question

私は2列のページを持っています。小さな画面で最初の列を小さな列に置き換え、その上にボタンを1つだけ表示します。ボタンをクリックすると元の最初の列が再度表示されます（Wordpressなど）。

ありがとうございます。

Answer 1

あなたは、ブレークポイント（ない多くのコードを追加せず）上のボタンに列を減らすことはできませんが、次のことができます。

• がclass="column small-12 hide-for-medium"に新しい列を追加し、そこにボタンを配置します...これは、列を媒体から隠しておくでしょう。
• 折りたたみ可能な列（最初の列）はクラスhide-for-small-onlyを持つため、小さなブレークポイントでは非表示になります。 idをこの列に追加してください。
• jQueryを使用して、ボタンをクリックすると、最初の列（IDを持つもの、slideToggle() from jQueryを使用する必要があります）を表示/非表示にします。

これが役に立ちます。