As for display:flex to move the last element on a different row?

Hi all.
Is trok with col-lg-12. She has d-flex. But when adaptive need to tablet version the latest div was on a new line. As he moved there? typeset by bootstrapping.
As it should be:
5bbec46504b36190138358.png
as it is:
5bbec4b02499b190110061.png
<div class="row">
 <div class="col-lg-12 d-flex">
 <div class="footer_contacts d-flex">
 <div class="footer_contacts_logo">
 <img src="img/logo_footer.png" alt="">
</div>
 <div class="footer_contacts_phone d-flex">
 <div class="footer_contacts_phone_icon">
 <img src="img/phone_icon_footer.png" alt="">
</div>
 <div class="footer_contacts_phone_number">
+7(812)509-61-36
</div>
</div>
 <div class="footer_contacts_mail d-flex">
 <div class="footer_contacts_phone_icon">
 <img src="img/mail.icon_footer.png" alt="">
</div>
 <div class="footer_contacts_mail_email">
sc_silu@mail.ru
</div>
</div>
 <div class="footer_contacts_site d-flex">
 <div class="footer_contacts_site_icon">
 <img src="img/www_icon_footer.png" alt="">
</div>
 <div class="footer_contacts_site_isite">
www.spb-chongqing.com
</div>
</div>
</div>
</div>
 </div>
March 12th 20 at 08:12
1 answer
March 12th 20 at 08:14
display: flex;
justify-contet: space-around;
flex-flow: row wrap;

Find more questions by tags FlexboxBootstrapCSS