Version vom 19. Oktober 2024, 11:04 Uhr

MediaWiki Bootstrap-Extension -

Beschreibung

Bootstrap ist ein Framework, das unter vielen Websites liegen kann
Auch für die Wiki gibt es eine Extension, um Bootstrap zu integrieren

Bootstrap

Freies CSS-Frontend Framework
Gestaltungsvorlagen basieren auf HTML und CSS
Vorlagen für Typografie, Formulare, Navigationselemtente etc...
Zusätliche JavaScript-Erweiterungen
Entwickelt von Twitter

Der Code-Block zeigt einen typischen HTML-Aufbau mit Einbindung von Bootstrap

<!DOCTYPE html>
<html>

  <head>
    <title>Bootstrap Beispiel</title>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css">

    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>

    <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"></script>
  </head>

  <body>
    <section class="container">

Suche

Beispiel für ein einfaches Suchformular.

      <form class="well form-search">
        <input type="text" class="input-medium search-query"/>
        <button type="submit" class="btn btn-primary">Search</button>
      </form>

Ergebnisse

#	Title
1	Lorem ipsum dolor sit amet
2	Consetetur sadipscing elitr
3	At vero eos et accusam

    </section>
  </body>

</html>

Handhabung

Die Extension Bootstrap liefert das Framework
Koppelbar mit Themes wie Chameleon, die Bootstrap verwenden
BootstrapComponents liefert für Editoren einfacheren Zugriff auf Bootstrap-Komponenten
Benutzbar durch PHP-Befehle in der LocalSettings.php

Vorgehensweise/Hinweise

Einfach die Extension Bootstrap installieren reicht nicht (Kann zu Fehlern in der Wiki führen!
Auch das angeblich einfache Einfügen der Bootstrap Styles funktioniert so nicht (Führt dazu, dass die Wiki sich nicht lädt!

Quellen

Weitere Informationen

https://o7planning.org/de/11745/bootstrap

@@ Zeile 1: / Zeile 1: @@
-Bootstrap ist ein Framework, das unter vielen Websites liegen kann. Auch für die Wiki gibt es eine Extension, um Bootstrap zu integrieren.
+'''MediaWiki Bootstrap-Extension''' -
-==Bootstrap==
+== Beschreibung ==
-*Freies CSS-Frontend Framework
+* Bootstrap ist ein Framework, das unter vielen Websites liegen kann
-*Gestaltungsvorlagen basieren auf HTML und CSS
+* Auch für die Wiki gibt es eine Extension, um Bootstrap zu integrieren
-*Vorlagen für Typografie, Formulare, Navigationselemtente etc...
-*Zusätliche JavaScript-Erweiterungen
+=== Bootstrap ===
-*Entwickelt von Twitter
+* Freies CSS-Frontend Framework
+* Gestaltungsvorlagen basieren auf HTML und CSS
+* Vorlagen für Typografie, Formulare, Navigationselemtente etc...
+* Zusätliche JavaScript-Erweiterungen
+* Entwickelt von Twitter
 Der Code-Block zeigt einen typischen HTML-Aufbau mit Einbindung von Bootstrap
+  <!DOCTYPE html>
-  <nowiki><!DOCTYPE html>
   <html>
@@ Zeile 67: / Zeile 70: @@
     </body>
-  </html></nowiki>
+  </html>
 ==Handhabung==