Bootstrap 4 Modal mit Tabelle Smartphoneansicht sehr bescheiden
bearbeitet von Emesshabe das css für sehr schmale layouts verwendet da geht im 1. Teil der Tabelle super. am im 2.Teil ist es Essig.
[![obere Teil](/images/7e75b0ae-b4e1-11ec-aba0-b42e9947ef30.jpeg?size=medium "oberer Teil")](/images/7e75b0ae-b4e1-11ec-aba0-b42e9947ef30.jpeg)
und unten
[![unterer Teil](/images/ae38b020-b4e1-11ec-a000-b42e9947ef30.jpeg?size=medium "unterer Teil")](/images/ae38b020-b4e1-11ec-a000-b42e9947ef30.jpeg)
Ich Makiere mal im Code wo das css nicht mehr greift
~~~
Quelltext hier<!-- The Modal -->
<div class="modal fade" id="myModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Biografie: Farid Ben Yahia</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<table class="table table-borderless">
<tbody>
<td>Seit 1980</td>
<td>Lebt und arbeitet Farid als freischaffender Künstler in Deutschland.</td>
</tr>
<tr>
<td>Seit 1996</td>
<td>Eingebürgerter deutscher Staatsangehöriger</td>
</tr>
<tr>
<td>2003</td>
<td>1. Preis in Malerei ‚Cannes-Azur 2003’ (M.C.A.)</td>
</tr>
</table>
<p></p>
<tr>
<td><b>Seine Bilder sind in verschiedenen Museen, in öffentlichen Gebäuden und bei internationalen Privatsammlern (Niederlande, Norwegen, Frankreich, Tunesien, Deutschland) zu finden.</b></td></tr>
<p></p>
<br>
<div class="modal hr"></div>
<br>
Hier greift das css nicht mehr-------------------------------------
<h6>Ausstellungsdaten in chronologischer Reihenfolge:</h6>
<table class="table table-borderless">
<tbody>
<tr>
<td>2022</td>
<td>März: Online-Kollektiv-Ausstellung zum Tag der Druckkunst. <br>
<a href=" https://www.meinkunstgarten.de/ausstellungen/tag-der-druckkunst-2022/" target="_blank" title="">https://www.meinkunstgarten.de/ausstellungen/tag-der-druckkunst-2022/</a></td>
</tr>
<tr>
<td>2022</td>
<td>Feb.-März: Kollektivausstellung anlässlich des internationalen Wettbewerbs - <br> 45. Kunstpreisausstellung der Sparkasse Karlsruhe (wegen COVID19 nur Online). <br>
<a href="https://sparkassenstiftungen-ka.de/kulturstiftung/45-kunstpreis-2022/" target="_blank" title="">https://sparkassenstiftungen-ka.de/kulturstiftung/45-kunstpreis-2022/</a></td>
</tr>
<tr>
<td>2021</td>
<td>Nov/Dez.: Jahresausstellung der Mitglieder des BBK in der 'Paulskirche', Frankfurt</td>
</tr>
<tr>
<td>2021</td>
<td>Einzelausstellung in der 'Remisengalerie des Schlosses Philippsruh', Hanau – <br>
ausgefallen wegen COVID19</td>
</tr>
<tr>
<td>2020</td>
<td>Beteiligung im Online-Katalog des BBK Frankfurt- anstelle der wegen COVID19 ausgefallenen Jahresausstellung der Mitglieder des BBK in der 'Paulskirche'<br>
<a href="http://katalog.bbk-frankfurt.de/portfolio/farid-ben-yahia/" target="_blank" title="">http://katalog.bbk-frankfurt.de/portfolio/farid-ben-yahia/</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Schließen</button>
</div>
</div>
</div>
~~~
Ich bin echt ratlos??