enter image description here代码在这里
<div class="row w-100">
<div class="col-lg-6 my-4 offset-lg-1">
<iframe src="#"
width="600" height="450" style="border:0;" allowfullscreen="true" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 my-4 offset-lg-1">
<div>
<h6>This map is embedded in a 6 column layout</h6>
<p>Try to resize your browser window - you will see that it starts to take up 12 columns on
screens smaller than 992px.</p>
<p>This useful feature helps to make your embedded map responsive (<strong>mobile
friendly</strong>). You can customize responsive behavior with the use of <a
href="https://mdbootstrap.com/docs/standard/layout/breakpoints/">breakpoints</a>.</p>
<p>This text looks so nice because it's <strong>vertically centered</strong> you can achieve
this effect using the <a
href="https://mdbootstrap.com/docs/standard/layout/vertical-alignment/">vertical
alignment</a> layout option.</p>
</div>
</div>
</div>
字符串
我要Map和文字并排显示
1条答案
按热度按时间hm2xizp91#
你可以试试这样
字符串
您可以了解有关Boot strap columns中列的更多信息