-3

我正在努力调整我的文章：

https://cryptoranger.net/news

我正在使用引导程序 4.3.0，这是行的代码：

<div class="row bg-light"> 
    <?php
    foreach ($newsList as $news){?>
    <article class="col-md-4 blogpost border rounded p-0">
            <div class="imgBx">
                <img src="/images/<?=$news['image'] ?>" alt="" class="img-fluid">
            </div>
            <div class="content">
              <h2 class="itemrecent1"><?= $news['titre'] ?></h2>
              <p class="float-left m-0"><i class="fas fa-clock"></i>  <?= $news['dateAjout']->format('Y-m-d') ?></p><br>
              <p class="itemrecent1"><?= nl2br($news['contenu']) ?></p>
                <?php
                if ($category === 'news'){?>
              <div class="itemrecent1"><a href="/news/<?php echo $generator->generate($news['titre']); ?>_<?= $news['id'] ?>" class="btn btnD1">Read</a></div>
                <?php
                }else {?>
              <div class="itemrecent1 justify-self-end"><a href="/guide/<?= $category ?>/<?php echo $generator->generate($news['titre']); ?>_<?= $news['id'] ?>" class="btn btnD1">Read</a></div>
                <?php
                }?>
              <div class="clearfix"></div>
            </div>
    </article>
    <?php } ?>   <!-- End of news -->
</div>

所以我想要我的文章之间的排水沟......

此外，如果您知道如何调整内容（框内的文本，因为我尝试了一些 flexbox css 但没有任何改变（我希望至少所有读取链接都在同一级别（底部））...

==>如果我在像素中设置一些高度但不能这样做，因为我需要响应式设计。

感谢：D

4

1 回答 1

1

排水沟在那里，它们来自col-*班级的填充物。因为您将border类添加到文章中，所以填充自然地被边框包围。通常在使用 Bootstrap 网格布局时，内容被放置在具有所需col-*类的包装元素中：

<div class="row bg-light"> 
    <?php
    foreach ($newsList as $news){?>
  <div class="col-md-4">
    <article class="blogpost border rounded p-0">
            <div class="imgBx">
                <img src="/images/<?=$news['image'] ?>" alt="" class="img-fluid">
            </div>
            <div class="content">
              <h2 class="itemrecent1"><?= $news['titre'] ?></h2>
              <p class="float-left m-0"><i class="fas fa-clock"></i>  <?= $news['dateAjout']->format('Y-m-d') ?></p><br>
              <p class="itemrecent1"><?= nl2br($news['contenu']) ?></p>
                <?php
                if ($category === 'news'){?>
              <div class="itemrecent1"><a href="/news/<?php echo $generator->generate($news['titre']); ?>_<?= $news['id'] ?>" class="btn btnD1">Read</a></div>
                <?php
                }else {?>
              <div class="itemrecent1 justify-self-end"><a href="/guide/<?= $category ?>/<?php echo $generator->generate($news['titre']); ?>_<?= $news['id'] ?>" class="btn btnD1">Read</a></div>
                <?php
                }?>
              <div class="clearfix"></div>
            </div>
    </article>
  </div>
    <?php } ?>   <!-- End of news -->
</div>

看起来您实际上在您网站上的另一个页面上正确设置了它

于 2019-05-30T23:42:36.120 回答