Problem i bootstrap
Postat: 1 november 2023, 10:33:37
Jag gjorde detta för ett par år sedan och har glömt det mesta. Det har inte använts tidigare. När jag nu skall få igång det så visar det sig att bilderna hamnar lite bakom textfälten. så var det inte tidigare. Något har blivit fel. Jag länkar ju till bootstraps rutiner så det kan ju blivit någon uppdatering kanske.
Någon som är bra på detta? Man kan se felet här-
Bifogar en snutt av kod som visar den första bilden med text överlägg.
.
Någon som är bra på detta? Man kan se felet här-
Bifogar en snutt av kod som visar den första bilden med text överlägg.
Kod: Markera allt
<!--************************** Akutsuopen Teak **************************************-->
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="product-item-title d-flex">
<div class="bg-faded p-5 d-flex ms-auto rounded">
<h2 class="section-heading mb-0">
<span class="section-heading-upper">Akutsupen</span>
<span class="section-heading-lower">Endast för missbruk.</span>
</h2>
</div>
</div>
<div>
<img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="assets/img/produkter-01.jpg" alt="..." />
</div>
<div class="product-item-description d-flex me-auto">
<div class="bg-faded p-5 rounded">
<p class="mb-0">Akutsupen är en väggprydnad som passar lika bra i hobbyverkstaden, gillestugan eller finrummet. Det är tillverkat av den finaste Teak som går att få tag i. Teaken kommer från dörrkarmar som blev omhändertagna när man rev gamla
badhuset i Kristinehamn. När den är slut så kan inga mer Akutsupen tillverkas av Teak med så hög kvalite längre. Den är ytbehandlad med Danish Oil för att få en naturlig lyster. Flaskan och glaset ingår ej, det är upp till
köparen att förse Akutsupen med önskat innehåll. Man öppnar skåpet med 6 st skruvar som lossar bakstycket. Skåpet är försett med ett vågrätt t-spår på baksidan för enkel uppängning på endast en skruv.
</p>
<p class="prisetikett">
Pris : 995 Kr.
</p>
<div class="col-md-12 text-center">
<button type="button" class="btn btn-success kopbutton center" data-bs-toggle="modal" data-bs-target="#buyAkutsupen-Modal">KÖP</button>
</div>
</div>
</div>
</div>
</div>
</section>