ABCD Bootstrap columns

Column A Column B Column C Column D

Read More...

vertical height

25 vh 75 vh 75 vh

Read More...

Hero With Text Bottom

Text Heading Lorem ipsum dolor sit amet, consetetur sadipscing elitr,…

Read More...

Wrapping Text Around a Video

Here's my code

<div class="pull-right col-md-6"><iframe class="" src="https://www.youtube.com/embed/OceYWri86Ts?rel=0&amp;controls=0&amp;showinfo=0" width="560" height="315"...</p>
    </div>

    <div class="fl-post-more-link">
    	<a href='https://bb.sogwap.net/wrapping-text-around-a-video/' title='Read More...'>Read More...</a>
    </div>

</div>
</div>

</div>
<div class="fl-post-column">

<div class="fl-post-grid-post fl-post-align-default post-3333 post type-post status-publish format-standard hentry" itemscope="itemscope" itemtype="https://schema.org/BlogPosting">
	<meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://bb.sogwap.net/two-column-post-with-video/" content="Two column post with video" /><meta itemprop="datePublished" content="2017-10-08" /><meta itemprop="dateModified" content="2017-10-08" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Beaver Builder Sandbox"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://bb.sogwap.net/author/sogwap/" /><meta itemprop="name" content="Sogwap" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div>

<div class="fl-post-text">

    <h2 class="fl-post-title"><a href='https://bb.sogwap.net/two-column-post-with-video/' title='Two column post with video'>Two column post with video</a></h2>

    <div class="fl-post-meta">
    	By <a href="https://bb.sogwap.net/author/sogwap/">Sogwap</a>
    	<span class="fl-post-meta-sep"> | </span>
    	October 8, 2017
    </div>

    <div class="fl-post-excerpt">
    	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam&#8230;</p>

    </div>

    <div class="fl-post-more-link">
    	<a href='https://bb.sogwap.net/two-column-post-with-video/' title='Read More...'>Read More...</a>
    </div>

</div>
</div>

</div>
<div class="fl-post-column">

<div class="fl-post-grid-post fl-post-align-default post-3306 post type-post status-publish format-standard hentry" itemscope="itemscope" itemtype="https://schema.org/BlogPosting">
	<meta itemscope itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage" itemid="https://bb.sogwap.net/full-width-dropdown/" content="Full Width Dropdown" /><meta itemprop="datePublished" content="2017-10-04" /><meta itemprop="dateModified" content="2017-10-12" /><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Beaver Builder Sandbox"></div><div itemscope itemprop="author" itemtype="https://schema.org/Person"><meta itemprop="url" content="https://bb.sogwap.net/author/sogwap/" /><meta itemprop="name" content="Sogwap" /></div><div itemprop="interactionStatistic" itemscope itemtype="https://schema.org/InteractionCounter"><meta itemprop="interactionType" content="https://schema.org/CommentAction" /><meta itemprop="userInteractionCount" content="0" /></div>

<div class="fl-post-text">

    <h2 class="fl-post-title"><a href='https://bb.sogwap.net/full-width-dropdown/' title='Full Width Dropdown'>Full Width Dropdown</a></h2>

    <div class="fl-post-meta">
    	By <a href="https://bb.sogwap.net/author/sogwap/">Sogwap</a>
    	<span class="fl-post-meta-sep"> | </span>
    	October 4, 2017
    </div>

    <div class="fl-post-excerpt">
    	
    </div>

    <div class="fl-post-more-link">
    	<a href='https://bb.sogwap.net/full-width-dropdown/' title='Read More...'>Read More...</a>
    </div>

</div>
</div>

</div>
	</div>
<div class="fl-clear"></div>
	<div class="fl-builder-pagination">
	<ul class='page-numbers'>
	<li><a class="prev page-numbers" href="https://bb.sogwap.net/equal-heights/page/60/">&laquo; Previous</a></li>
	<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/">1</a></li>
	<li><span class="page-numbers dots">&hellip;</span></li>
	<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/59/">59</a></li>
	<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/60/">60</a></li>
	<li><span aria-current="page" class="page-numbers current">61</span></li>
	<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/62/">62</a></li>
	<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/63/">63</a></li>
	<li><span class="page-numbers dots">&hellip;</span></li>
	<li><a class="page-numbers" href="https://bb.sogwap.net/equal-heights/page/70/">70</a></li>
	<li><a class="next page-numbers" href="https://bb.sogwap.net/equal-heights/page/62/">Next &raquo;</a></li>
</ul>
	</div>
		</div>
</div>
<div class="fl-module fl-module-html fl-node-5afa53a1382a5" data-node="5afa53a1382a5">
	<div class="fl-module-content fl-node-content">
		<div class="fl-html">
	<style>
    .fl-post-more-link {margin-top:auto;}
</style></div>
	</div>
</div>
</div>
</div>
	</div>
		</div>
	</div>
</div>
</div><div class="uabb-js-breakpoint" style="display: none;"></div>	</div><!-- .fl-post-content -->
	
</article>

<!-- .fl-post -->
					</div>
	</div>
</div>


	</div><!-- .fl-page-content -->
		<footer class="fl-page-footer-wrap" itemscope="itemscope" itemtype="https://schema.org/WPFooter"  role="contentinfo">
		<div class="fl-page-footer">
	<div class="fl-page-footer-container container">
		<div class="fl-page-footer-row row">
			<div class="col-md-12 text-center clearfix"><div class="fl-page-footer-text fl-page-footer-text-1">	<div class="fl-social-icons">
	<a href="#" class="fa-stack icon-facebook-f" target="_self" rel="noopener noreferrer"><span class="sr-only">Facebook</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-facebook-f mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-twitter" target="_self" rel="noopener noreferrer"><span class="sr-only">Twitter</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-twitter mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-google" target="_self" rel="noopener noreferrer"><span class="sr-only">Google</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-google mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-linkedin" target="_self" rel="noopener noreferrer"><span class="sr-only">Linkedin</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-linkedin mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-yelp" target="_self" rel="noopener noreferrer"><span class="sr-only">Yelp</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-yelp mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-pinterest" target="_self" rel="noopener noreferrer"><span class="sr-only">Pinterest</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-pinterest mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-youtube" target="_self" rel="noopener noreferrer"><span class="sr-only">Youtube</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-youtube mono fa-stack-1x fa-inverse"></i>
					</a><a href="#" class="fa-stack icon-instagram" target="_self" rel="noopener noreferrer"><span class="sr-only">Instagram</span>
					<i aria-hidden="true" class="fas fa-circle fa-stack-2x mono"></i>
					<i aria-hidden="true" class="fab fa-instagram mono fa-stack-1x fa-inverse"></i>
					</a></div>
</div></div>					</div>
	</div>
</div><!-- .fl-page-footer -->
	</footer>
		</div><!-- .fl-page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/bb-theme-child/*","/wp-content/themes/bb-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<a href="#" role="button" id="fl-to-top"><span class="sr-only">Scroll To Top</span><i class="fas fa-chevron-up" aria-hidden="true"></i></a><script id="imagesloaded-js" src="https://bb.sogwap.net/wp-content/plugins/bb-plugin/js/libs/jquery.imagesloaded.min.js?ver=2.10.2.2"></script>
<script id="fl-builder-layout-3775-js" src="https://bb.sogwap.net/wp-content/uploads/bb-plugin/cache/3775-layout.js?ver=53fc600b8a5340c77195f2a40d54fd23"></script>
<script id="jquery-throttle-js" src="https://bb.sogwap.net/wp-content/plugins/bb-plugin/js/libs/jquery.ba-throttle-debounce.min.js?ver=2.10.2.2"></script>
<script id="jquery-magnificpopup-js" src="https://bb.sogwap.net/wp-content/plugins/bb-plugin/js/libs/jquery.magnificpopup.min.js?ver=2.10.2.2"></script>
<script id="fl-automator-js-extra">
var themeopts = {"medium_breakpoint":"992","mobile_breakpoint":"768","lightbox":"enabled","scrollTopPosition":"800"};
//# sourceURL=fl-automator-js-extra
</script>
<script id="fl-automator-js" src="https://bb.sogwap.net/wp-content/themes/bb-theme/js/theme.min.js?ver=1.7.19.2"></script>
<script id="jquery-ui-core-js" src="https://bb.sogwap.net/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="jquery-effects-core-js" src="https://bb.sogwap.net/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3"></script>
<script id="jquery-effects-slide-js" src="https://bb.sogwap.net/wp-includes/js/jquery/ui/effect-slide.min.js?ver=1.13.3"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://bb.sogwap.net/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://bb.sogwap.net/wp-includes/js/wp-emoji-loader.min.js
</script>
<!--
<script src="/js/headroom.min.js"></script>
<script>
(function() {
    var header = document.querySelector("header");

    var headroom = new Headroom(header, {
        tolerance: {
            down : 10,
            up : 20
        },
        offset : 15,
    });
    headroom.init();

}());
</script>
-->

<script>
// Optional: Append source=joe to internal links
document.querySelectorAll('a[href^="/"]').forEach(link => {
    const source = sessionStorage.getItem('source');
    if (source) {
        const url = new URL(link.href, window.location.origin);
        url.searchParams.set('source', source);
        link.href = url.pathname + url.search;
    }
});
</script></body>
</html>