mike99c

<div>
That's perfect thanks so much. I hadn't come across the justify-content classes but this is very useful. So it appears to justify it around the empty columns.
</div>

<div>
<div class="content wysiwyg-content">
I'm using Bootstrap 4 to right align 3 divs using flex-row. However in the code example given below, I would like to adjust it so that flex item 2 and flex item 3 are right aligned, 

<pre><code class="code-10 nolinks" id="code-10-29138794-1">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
 &lt;title&gt;Flexbox Example&lt;/title&gt;
 &lt;meta charset=&quot;utf-8&quot;&gt;
 &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
 &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot;&gt;
 &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js&quot;&gt;&lt;/script&gt;
 &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

 &lt;div class=&quot;container mt-3&quot;&gt;
 &lt;h1&gt;Horizontal Direction&lt;/h1&gt;

 &lt;div class=&quot;d-flex flex-row bg-secondary&quot;&gt;
 &lt;div class=&quot;p-2 bg-info&quot;&gt;Flex item 1&lt;/div&gt;
 &lt;div class=&quot;p-2 bg-warning&quot;&gt;Flex item 2&lt;/div&gt;
 &lt;div class=&quot;p-2 bg-primary&quot;&gt;Flex item 3&lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;

&lt;/body&gt;

&lt;/html&gt;
</code></pre>
</div>
</div>

I'm using Bootstrap 4 to right align 3 divs using flex-row. However in the code example given below, I would like to adjust it so that flex item 2 and flex item 3 are right aligned,
(CODE)

How can I use Bootstrap 4 Flexbox to right align 2 inline divs out of 3

HTML 5

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.