PDA

Zobacz pełną wersję : bootstarp5 w joomla4



qrdziel
30-07-2021, 15:01
witam. chciałem napisać artykuł i zacząłem od tytułu:

<divclass="p-3 bg-light">
<div class="container">
<hr class="my-2" />
<h1 class="display-3 text-center">
Wszystko co musisz wiedzieć o podlewaniu sukulentów.
</h1>
<p class="lead">
Dokument ten to zbiór luźnych porad dotyczących podlewania
sukulentów. Do napisania tego artykułu skłoniły mnie częste pytania
zadawane na grupie miłośników Kaktusów i Sukulentów na Facebook'u.
Nie należy sztywno się kierować zawartymi tu opisami, ale mam
nadzieję, że pomogą one początkującym hodowcom.
</p>
<hr class="my-2" />
</div>
</div>
Ładnie to wygląda, ale przy dużych rozdzielczościach, ale na smartfonie tytuł wychodzi poza ekran.

ps. w forum można założyć działy HTML+CSS, Java, PHP.

siristru
30-07-2021, 16:30
No ale to sobie zmniejsz wielkość czcionki dla H1 w widoku dla komórek :)

Frodoo
02-08-2021, 15:29
Ładnie to wygląda, ale przy dużych rozdzielczościach, ale na smartfonie tytuł wychodzi poza ekran.
Czy strona jest widoczna w internecie? Jeśli tak to podaj adres do artykułu.
Sprawdziłem kod html jaki wysłałeś. Czcionka nagłówka jest moim zdaniem za duża. Zmień z h1 na h3. Po za tym nie zaobserwowałem u mnie wystającego tekstu. Chyba masz jeszcze jakiś styl css w szablonie, który to powoduje.
Kliknij prawym na nagłówek i wybierz zbadaj. Tam możesz mieć więcej kodu css nie tylko z bootstrap'a. Możesz mieć jakiś width czyli szerokość, którego nie powinno być.