如何将每条推文分成不同的引导卡

Posted 2023-03-28

【中文标题】如何将每条推文分成不同的引导卡

【英文标题】：How to seperate each tweet into different bootstrap cards

【发布时间】：2020-05-02 13:08:09

【问题描述】：

我正在尝试在引导行/列格式内的网站上显示最新的“n”条推文。目前，我的代码显示了最新的“n”条推文，但它们都是垂直格式。

<a class="twitter-timeline"
      href="https://twitter.com/twitter"
      data-tweet-limit="10">
Tweets by @twitter</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

所以基本上我正在寻找一种方法来设置这些推文的样式，方法是将每条推文放在一个列中。 所以像这样的

<div class="row>
<?php 
foreach($tweets as $tweet)
  echo '<div class="col">
         <div class="card">
          <div class="card-body">
           //The embedded code to display the tweet
          </div>
         </div>
        </div>';

简而言之：我正在尝试以引导行和列格式在嵌入式视图中显示最新的“n”条推文。

【参考方案1】：

<?php foreach($tweets as $tweet): ?>
  <div class="col">
    <div class="card">
      <div class="card-body">
         <?= $tweet; ?> <!-- Assuming $tweet is a string -->
      </div>
    </div>
  </div>
<?php endforeach; ?>

以上，我使用的是alternative syntax for control structures。

另外，<?= 是<?php echo 的语法糖

【讨论】：

php 不会有 OP 使用 js 小部件的推文

在这种情况下，这应该是一个 javascript 问题。应删除 PHP 代码/标签。