- Joomla Version
- 5.1.4
- PHP Version
- PHP 8.2.x
- Hoster
- Manitu
- Link (URL) zur Seite mit dem Problem
- https://proto03.amateurtheater.org/
Hallo, da bin ich wieder mit meinem aktuellen Lieblingsthema..... Bootstrap!
Ich will mich tatsächlich mal an einem eigenen Template versuchen. Dank Coolcat habe ich da eine Vorlage von der aus ich weiterarbeiten möchte.
Die index.php sieht bisher so aus:
<?php
use Joomla\CMS\Factory;
defined('_JEXEC') or die;
JHtml::_('stylesheet', 'template.css', array('version' => 'auto', 'relative' => true));
$app = Factory::getApplication();
$params = $app->getTemplate(true)->params;
$logo = $params->get('logoBild');
$logotext = $params->get('logoText');
?>
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<jdoc:include type="head" />
<body>
<!-- hier funktioniert es -->
<div class="jumbotron text-center">
<h1>My Offline Bootstrap Page</h1>
<p>This page is using local Bootstrap CSS and JS files</p>
</div>
<!-- hier nicht -->
<div class="container text-center">
<div class="row">
<div class="col">
Column
</div>
<div class="col">
Column
</div>
</div>
</div>
<div class="container">
<jdoc:include type="modules" name="menu" style="xhtml"/>
<?php if($logo || $logotext) : ?>
<a href="#" class="logo">
<?php if($logo) : ?>
<img src="<?php echo $logo; ?>" alt="logo">
<?php else : ?>
<?php echo $logotext; ?>
<?php endif;?>
</a>
<?php endif; ?>
<main role="main" aria-labelledby="main-headline">
<jdoc:include type="component" />
</main>
<jdoc:include type="modules" name="aside" style="xhtml"/>
<jdoc:include type="modules" name="footer" style="xhtml"/>
</div>
</body>
</html>In Zeile 18 und 19 habe ich die CDN Bootstrap links eingefügt, weil man das laut Dokumentation so macht.
Ab Zeile 26 habe ich als Test eine Überschrift und einen Text angesetzt der 'Jumbotron' scheint zu funktionieren.
Ab Zeile 31 habe ich column gesetzt aber da funktioniert es nicht.... Sie werden einfach untereinander angezeigt.
Alles was ab Zeile 43 kommt ist für mich ersteinmal uninteresant. Diese Sachen werde ich in die Cols einfügen wenn das mit den Cols klapt.
Also, Ich hoffe jemand von euch ist gut genug mit Bootstrap und eigenen Templates vertraut um mich mal in die richtige Richtung zu schubsen.
Danke im vorraus!
Matze