Как разделить каждый твит на разные bootstrap карты - PullRequest
0 голосов
/ 15 января 2020

Я пытаюсь отобразить последние твиты 'n' на веб-сайте в формате bootstrap row / col. В настоящее время код, который у меня есть, отображает последние твиты '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' твиты во встроенном представлении в bootstrap строках и формате столбцов.

1 Ответ

0 голосов
/ 15 января 2020
<?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; ?>

Выше я использую альтернативный синтаксис для управляющих структур .

Также <?= является синтаксическим сахаром для <?php echo

...