Я строю простой статический сайт.Я использую Spring Boot, Thymeleaf Layout Dailect и Bootstrap 4. В моем layout.html у меня есть строка, в которой у меня есть контент и боковая панель.У меня есть 2 фотографии в моей боковой панели, во всех видах они отображаются с правой стороны.Однако, когда я пытаюсь вставить iframe с картой Google или страницей facebook, боковая панель опускается вниз.Я пробовал несколько разных вещей, таких как изменение размера iframe до минимума и т. Д., Но я не могу держать боковую панель на правой стороне.Кто-нибудь может предложить решение?
Ниже приведен мой layout.html:
<body>
<div class="container-fluid" th:replace="fragments/navigation :: navigation"></div>
<div class="container-fluid" id="mainContent">
<div class="row">
<div class="col-md-8">
<div layout:fragment="content"></div>
</div>
<div class="col-md-4">
<div th:replace="fragments/sidebar :: sidebar"></div>
</div>
</div>
</div>
<div class="container-fluid" th:replace="fragments/footer :: footer"></div>
Ниже приведен мой sidebar.html:
<body>
<div th:fragment="sidebar">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">
<img src="/img/ai-ki-do.png" alt="Logo" style="width: 330px;"></img>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<img src="/img/ueshiba-laughter.jpg" alt="Logo"
style="width: 330px;" ></img>
</div>
</div>
</div>
</div>
</body>
Ниже приводится мой контент:
<body>
<div layout:fragment="content">
<p>Thank you for your interest in Seishinkan. Please get in touch via our Facebook page. We look forward to hearing from you.</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FSeishinkan-Aikido-Dojo-389984175129276%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" data-adapt-container-width="true"></iframe>
</div>
</body>
Нормальное поведение боковой панели - белая картинка «Ай Ки До» и темная картинка с правой стороны:
Боковая панель опущена после встраивания iframe:
