У меня конфликт в моем CSS. Как мне узнать, где этот конфликт в bootstrap исправить? - PullRequest
0 голосов
/ 27 мая 2020

Я обнаружил конфликт, из-за которого моя исходная панель навигации перестала работать. Как мне решить эту проблему? Методом проб и ошибок конфликт кода вызван ссылкой, которую я выделил ниже. На данный момент я не уверен, как понять, в чем заключается конфликт. У кого-нибудь есть рекомендации?

Путь ниже - это путь, который позволяет моей таблице содержимого работать.

Код таблицы содержимого:

<div class="container">
        <div class="row">
        <div class="gallery col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <h2 class="text-uppercase">Portfolio</h2>
        </div>

        <div align="center" class="container gallery-filter">
            <button class="btn btn-default filter-button" data-filter="all">All</button>
            <button class="btn btn-default filter-button" data-filter="PHP">PHP</button>
            <button class="btn btn-default filter-button" data-filter="JavaScript">JavaScript</button>
            <button class="btn btn-default filter-button" data-filter="CSS">CSS</button>
            <button class="btn btn-default filter-button" data-filter="MySQL">MySQL</button>
        </div>
        <br/>


<?php foreach ($portfolio as $project){ ?>
            <div class="gallery_product col-lg-4 col-md-4 col-sm-6 col-xs-12 <?php

            //turn technologies into an array to loop through 
            $string = $project->technologies; 
            preg_replace(' ','',$string);
            $array = explode(',',$string);
            $filter = "";
            foreach($array as $filter){
                echo "filter " . $filter . " ";
            } 
            ?>">
                <img src="<?php echo $project->image1 ?>" alt="<?php echo $project->title ?>" class="img-responsive img-gallery border border-info">
                <div class="middle-gallery">
                    <div class="text-gallery">
                    <p class="uppercase"><?php echo strtoupper( $project->technologies ) ?></p>
                     <a href="?controller=portfolio&action=read&projectID=<?php echo $project->projectID; ?>" ><span class="button showmore">Find out more!</span> </a>
                    </div> 
                </div>
            </div>

<?php } ?>

Штрих-код навигации:

image
...