Bootstrap two columns and Twitter feed items solution


#1

I have set two columns Bootstrap based style.
Feeds are shown but one small technical issue if Twitter supports.

Is it technically possible to implement such layouts.

Please check ID’s twitter_item1-4. We can define limitation 1…4 but not particular ID by date. So, this is not an issue with the defined embedded timelines. I’m not sure.

I enclose code.






Bootstrap template with two columns

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style_override_bootstrap1.css">
<link rel="stylesheet" type="text/css" href="css/style_twitter1.css">
</head>
<body>

<div class="container">

<h1>Tweets in two columns</h1>

<div class="row">

<div class="col-xs-6">

<blockquote class="twitter_item1" lang="en">
<p lang="en" dir="ltr">
<a class="twitter-timeline" data-theme="light" data-chrome="transparent nofooter noheader noscrollbar" data-tweet-limit="1" href="https://twitter.com/Twitter_URL" data-widget-id="Twitter_ID">Tweets by @Twitter_URL</a>
</p>
</blockquote>

</div>

<div class="col-xs-6">

<blockquote class="twitter_item2" lang="en">
<p lang="en" dir="ltr">
<a class="twitter-timeline" data-theme="light" data-chrome="transparent nofooter noheader noscrollbar" data-tweet-limit="1" href="https://twitter.com/Twitter_URL" data-widget-id="Twitter_ID">Tweets by @Twitter_URL</a>
</p>
</blockquote>

</div><!-- ./col -->

</div>

<div class="row">

<div class="col-xs-6">

<blockquote class="twitter_item3" lang="en">
<p lang="en" dir="ltr">
<a class="twitter-timeline" data-theme="light" data-chrome="transparent nofooter noheader noscrollbar" data-tweet-limit="1" href="https://twitter.com/Twitter_URL" data-widget-id="Twitter_ID">Tweets by @Twitter_URL</a>
</p>
</blockquote>

</div>

<div class="col-xs-6">

<blockquote class="twitter_item4" lang="en">
<p lang="en" dir="ltr">
<a class="twitter-timeline" data-theme="light" data-chrome="transparent nofooter noheader noscrollbar" data-tweet-limit="1" href="https://twitter.com/Twitter_URL" data-widget-id="Twitter_ID">Tweets by @Twitter_URL</a>
</p>
</blockquote>

</div><!-- .col -->

</div>


</div><!-- ./container -->
<script async src="https://platform.twitter.com/widgets.js"></script>

</body>
</html>