2017-09-04 11 views
0

私はWPプロジェクトに取り組んでいます。私は、ブートストラップフレームを使ってカラム間に素敵なテキストフローを作ろうとしています。"新聞のように"ブーストラムの列を使ったテキストフロー

「新聞のような」と思われるようなさまざまなコラムの中で、同じ話が流れる必要があります。私はいくつかの例では、CSSのマルチ列を使用して見つけたが、私はブートストラップでそれを行うことを好むだろう。

私は、各列が高さを持っていなければならないので、ストーリーが他の列に分割される点があります。ここで

は、私のコードの例である:すべてのあなたの助けと方向を事前に

<div class=' col-sm-12 col-xs-12'> 
    <?php get_template_part ('template-parts/content/content', 'image');?> 
</div> 
<article class=' col-sm-6 col-xs-12'> 
    <?php get_template_part ('template-parts/content/content', 'pack');?> 
</article> 
<article class=' col-sm-6 col-xs-12'> 
</article>     

<?php 

感謝。

+0

画像を追加してください。 –

+1

CSSカラムを使用して持ち運んでみませんか?それはそれが作られたものです。 HTML列間でコンテンツをスライスして移動することはより困難であり、望ましくない結果をもたらす。あなたは意味価値を失い、アクセシビリティは悪化します。また、これらの列が非常に不均衡になるリスクもあります。 –

+0

アダムのおかげで、まあ、私はCSSのやり方をすることにしました。ブートストラップカラムを使うのはもっと論理的だと思っていました。もっと実用的かもしれない。それ以外の場合は、テキストフロー接続がないため、tableと呼びます。 –

答えて

0

質問には純粋なブートストラップソリューションはありませんが、ここで説明する純粋なCSSで複数列の外観をデザインすることができます:Bootstrap Writing In Columns (like a newspaper)

関連する問題