flexboxについて
flexboxについて
- このトピックには9件の返信、3人の参加者があり、最後に
により5年、 5ヶ月前に更新されました。
-
投稿
-
Lightning Pro
JPNSTYLEこちらを購入したものですが
固定ページで
flexboxを記入したのですが
どうも反映されない感じです。
（横並びにならない）
ちなみにサンプル子テーマをダウンロードし使っています。
子テーマの中のstyle.cssに
.colmun_flex{
display: flex;
justify-content:;
flex-wrap: wrap;
width: 100%;
}
.column_box{
width: 30%;
}
.column_box img{
width: 100%;
border: 3px solid #fff;
}こんな感じです。
固定ページHTMLには
<div id=”column_flex”>
<div class=”column_box”>
</div>
<div class=”column_box”>
</div>
<div class=”column_box”>
</div>
</div>特に難しい記述もなく、今まで別なサイトでは、こんな感じでできてたのですが
こちらのテーマは何か、反映されない理由（箇所）があるのでしょうか？よろしくお願いいたします。
すみません、ソースが画像を参照してしまいましたので
もう一度修正箇所を投稿させてい頂きます。<div class=”column_box”>
</div>
<div class=”column_box”>
</div>
<div class=”column_box”>
</div>上記に同じようなトピックがあり、すでに回答がついていますので参考にしてください。
あと、もし、あなたが上記トピックを立てた人ならば、
同じようなトピックを複数立てることは嫌われる行為なので今後は注意してください。ついでにいうと、ソースコードを掲載する際はソースコードの部分を選択した状態で
codeボタンを押すと良いです。すみません、うまくいかなくて、idに変更したりしてまして、ソースがそのままになっていました。
実際は
<div class=”column_flex”>
になっております。
ですが、横並びになりませんでした。カラムブロックについては
画像が3こになるわけではないので、見送りました。http://bootstrap3-guide.com/base/grid.html
こちらのグリッドシステムを使用して希望通りできました。
ありがとうございます。> RICKさん
そうです。
一般の投稿者の立てたトピックの場合は必ず名前がリンクになります。
通常は質問すると Vektor,Inc. の表記になるのですが、うっかり管理画面側から投稿したので上記２件は「匿名」になっています。
Vektor,Inc. あるいは 匿名 のトピックを見かけたら、概ねユーザーから問い合わせフォームやメールで送信されたものを直接私が貼り付けたものだと思っていただければと思います。
そういった投稿の最初のレスは概ね僕の方で即レスしますので、しばらくは放置で大丈夫です。※ごく一部答えにくい質問だけは投稿するだけして放置になるものもあります…
あの、なんだか、状況がつかめないのですが、僕は、gundamという名前で
flexboxについてというトピックを立てたつもりなのですが、全く同じ内容のものが
カラム表示についてというトピックがあります。
＞トピックを複数立てること
こちらについても、僕以外のだれかに言ってるものと思いスルーししまってました。
今ひとつ、このフォーラムのやり方を理解していないかもです。すいません。
大変申し訳ございませんでした。ちなみに、投稿する前にflexboxをフォーラム内を検索しました。
ただ、今回、グリッドシステムを理解できましたので、大変ありがとうございます。
- このトピックに返信するにはログインが必要です。
