I use Boostrap 4 card-columns to share tweet on my website.
I noticed a difference between Chrome and others browsers. In fact, Chrome lost some informations in second and third columns. You can see that in captures.
Could you help me ? Sorry for my english, I'm young french developper. Thank you.
I use this code :
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="card-columns">
<div class="card" style="border:none;">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Recapping some of the Tweets from the past week.</p>— Twitter (@Twitter) <a href="https://twitter.com/Twitter/status/942094257472409600?ref_src=twsrc%5Etfw">16 décembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card" style="border:none;">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Recapping some of the Tweets from the past week.</p>— Twitter (@Twitter) <a href="https://twitter.com/Twitter/status/942094257472409600?ref_src=twsrc%5Etfw">16 décembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card" style="border:none;">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Recapping some of the Tweets from the past week.</p>— Twitter (@Twitter) <a href="https://twitter.com/Twitter/status/942094257472409600?ref_src=twsrc%5Etfw">16 décembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card" style="border:none;">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Recapping some of the Tweets from the past week.</p>— Twitter (@Twitter) <a href="https://twitter.com/Twitter/status/942094257472409600?ref_src=twsrc%5Etfw">16 décembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card" style="border:none;">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Recapping some of the Tweets from the past week.</p>— Twitter (@Twitter) <a href="https://twitter.com/Twitter/status/942094257472409600?ref_src=twsrc%5Etfw">16 décembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card" style="border:none;">
<blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Recapping some of the Tweets from the past week.</p>— Twitter (@Twitter) <a href="https://twitter.com/Twitter/status/942094257472409600?ref_src=twsrc%5Etfw">16 décembre 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
</body>
</html>
Chrome Capture
Firefox, Safari .. Capture