Bootstrap 3.3.7 rss feed template

I only used Yahoo's feed because it has pictures.
The <!-- --> wrappers are to remove the unwanted <br /> tags between items
Templates edited below also show in this source code <!--parser:xtscript--> var $perPage=5 var $rawFeed=<xt:feed feed="https://uk.news.yahoo.com/rss/world" number="0" template="[.no.]--&gt;&lt;div class=&quot;panel panel-default&quot;&gt;&lt;div class=&quot;panel-heading&quot;&gt;&lt;a href=&quot;.link.&quot;&gt;&lt;b class=&quot;text-info&quot;&gt;.title.&lt;/b&gt;&lt;/a&gt;&amp;nbsp;&lt;small&gt;.source.&lt;/small&gt;&lt;/div&gt;&lt;div class=&quot;panel-body feed&quot;&gt;.description.&lt;/div&gt;&lt;div class=&quot;panel-footer&quot;&gt;.pubDate. &lt;/div&gt;&lt;/div&gt;&lt;!--" /> var $item=($perPage+1) @loop var $rawFeed=call str_replace $subject=$rawFeed; $search=<!--<br />[$item]-->; $replace=<!--parser:xt_page_split--> var $nextItem = call strpos $haystack=$rawFeed; $needle=<!--<br />[($item+$perPage)]-->; $offset=($nextItem+1) if $nextItem var $item=($item+$perPage) goto @loop endif print <div class="panel-group"><!--parser:xt_pagination--><!--$rawFeed--><!--/parser:xt_pagination--></div> <!--/parser:xtscript-->

Template converter

Unencoded template

[.no.]--><div class="panel panel-default"><div class="panel-heading"><a href=".link."><b class="text-info">.title.</b></a>&nbsp;<small>.source.</small></div><div class="panel-body feed">.description.</div><div class="panel-footer">.pubDate. </div></div><!--

Encoded template

[.no.]--&gt;&lt;div class=&quot;panel panel-default&quot;&gt;&lt;div class=&quot;panel-heading&quot;&gt;&lt;a href=&quot;.link.&quot;&gt;&lt;b class=&quot;text-info&quot;&gt;.title.&lt;/b&gt;&lt;/a&gt;&amp;nbsp;&lt;small&gt;.source.&lt;/small&gt;&lt;/div&gt;&lt;div class=&quot;panel-body feed&quot;&gt;.description.&lt;/div&gt;&lt;div class=&quot;panel-footer&quot;&gt;.pubDate. &lt;/div&gt;&lt;/div&gt;&lt;!--

This javascript converts the standard xt_pagination to Bootstrap 3.3.7 markup
Put it below the Xtscript
If you are using Xtscript custom pagination you do not need this <script> var paging=document.getElementsByClassName('xt_pagination')[0]; paging.style='display:inline-block'; var inner=paging.innerHTML; paging.innerHTML=''; inner=inner.replace(/\<span class=\"selected\"\>\<span\>\.\.\./g, '\<li\>\<span\>...').replace(/\<span class=\"selected\"/g, '\<li class=\"active\"').replace(/\<\/span\>\<\/span\>/g, '\</span\>\</li\>').replace(/\<span\>\<a /g, '\<li\>\<a ').replace(/\<\/a\>\<\/span\>/g, '\</a\>\</li\>'); var bs_pagination = document.createElement('ul'); bs_pagination.className='pagination pagination-sm'; bs_pagination.innerHTML=inner; paging.append(bs_pagination); </script>

It uses these classes to control image size and paragraph spacing
They are set in blog_extra_css.css .feed img {max-width:100px !important;max-height:100px!important;margin:0 4px 4px 0 !important} .feed p {margin:0!important;padding:0!important;display:inline-block !important}