HTML内のネストされたクラス

Question

大きな画面の場合はcol-md-3クラスを、小さい画面の場合はpure-containerクラスを表示しようとしています。サイドメニューのコンテンツは、hamburgerパンなしで大画面に定期的に表示されますが、小さい画面ではhamburgerメニューに含まれている必要があります。

画面サイズが大きくなるとコンテンツがうまく機能し、画面サイズが小さくなるとサイドメニューが表示されますが、コンテンツが表示されません。私はpure-drawerのためにcontent visible-xs visible-smを含めることを試みたが、それは動作しない、私はまたメディアの問い合わせを試みた。

ここにコードがあります。

<div class="col-md-3 content visible-md visible-lg"> 
    <?php include_once 'helper/block_news_list.php'; ?> 
</div> 

<!-- Begining of the pure-drawer --> 
<div class="pure-container" data-effect="pure-effect-push"> 
    <input type="checkbox" id="pure-toggle-left" class="pure-toggle" data-toggle="left" /> 
    <label class="pure-toggle-label" for="pure-toggle-left" data-toggle-label="left"><span class="pure-toggle-icon"></span></label> 

    <nav class="pure-drawer" data-position="left"> 
    <br> 
    <br> 
    <br> 
    <p style="padding: 10px 20px; margin: 0;"> 
     <?php include_once 'helper/block_news_list.php'; ?> 
    </p> 
    </nav> 
</div> 

Answer 1

include_onceを使用すると、同じコードが2回表示されないためです。その結果、pure_drawerは実際には空です。

あなたは両方の容器にニュース一覧をレンダリングするために

<?php include 'helper/block_news_list.php'; ?> 

に

<?php include_once 'helper/block_news_list.php'; ?> 

を変更することができます。