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

时间:2020-01-15 17:46:08

标签: javascript jquery twitter-bootstrap twitter tweets

我正在尝试在网站的引导行/列格式内显示最新的“ 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>

因此,基本上,我正在寻找一种通过将每个tweet放在一列中来设置这些tweet样式的方法。 像这样

<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 个答案:

答案 0 :(得分:0)

<?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的语法糖