hallo, kann mir bitte irgendjemand ein deutsches tutorial zeigen, wie man mit dem theme understrap bootstrap komponenten hinzufügt usw. ?
danke.:cry::cry:
Understrap Bootstrap
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Wenn du das meinst: https://understrap.com/
In diesem Startertheme ist Bootstrap schon hinzugefügt ;-) -
hallo, das weis ich,
aber wie kann man z.b. eine navbar von Bootstrap hinzufügen ?
dnke. -
inderstrap hat doch schon einen nav walker in der header.php.
Vielleicht beschreibst du noch mal ausführlich was du machen willst. -
hallo, möchte eine navbar in eine seite einfügen damit man ein menü hat.
wo muss ich den code einfügen in der css oder wie?das ist der code: danke.
[COLOR=#2F6F9F]<nav[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"navbar navbar-expand-lg navbar-light bg-light"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"navbar-brand"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Navbar[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]<button[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"navbar-toggler"[/COLOR] [COLOR=#4F9FCF]type=[/COLOR][COLOR=#D44950]"button"[/COLOR] [COLOR=#4F9FCF]data-toggle=[/COLOR][COLOR=#D44950]"collapse"[/COLOR] [COLOR=#4F9FCF]data-target=[/COLOR][COLOR=#D44950]"#navbarSupportedContent"[/COLOR] [COLOR=#4F9FCF]aria-controls=[/COLOR][COLOR=#D44950]"navbarSupportedContent"[/COLOR] [COLOR=#4F9FCF]aria-expanded=[/COLOR][COLOR=#D44950]"false"[/COLOR] [COLOR=#4F9FCF]aria-label=[/COLOR][COLOR=#D44950]"Toggle navigation"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<span[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"navbar-toggler-icon"[/COLOR][COLOR=#2F6F9F]></span>[/COLOR]
[COLOR=#2F6F9F]</button>[/COLOR][COLOR=#2F6F9F]<div[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"collapse navbar-collapse"[/COLOR] [COLOR=#4F9FCF]id=[/COLOR][COLOR=#D44950]"navbarSupportedContent"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<ul[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"navbar-nav mr-auto"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<li[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-item active"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-link"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Home [COLOR=#2F6F9F]<span[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"sr-only"[/COLOR][COLOR=#2F6F9F]>[/COLOR](current)[COLOR=#2F6F9F]</span></a>[/COLOR]
[COLOR=#2F6F9F]</li>[/COLOR]
[COLOR=#2F6F9F]<li[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-item"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-link"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Link[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]</li>[/COLOR]
[COLOR=#2F6F9F]<li[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-item dropdown"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-link dropdown-toggle"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR] [COLOR=#4F9FCF]id=[/COLOR][COLOR=#D44950]"navbarDropdown"[/COLOR] [COLOR=#4F9FCF]role=[/COLOR][COLOR=#D44950]"button"[/COLOR] [COLOR=#4F9FCF]data-toggle=[/COLOR][COLOR=#D44950]"dropdown"[/COLOR] [COLOR=#4F9FCF]aria-haspopup=[/COLOR][COLOR=#D44950]"true"[/COLOR] [COLOR=#4F9FCF]aria-expanded=[/COLOR][COLOR=#D44950]"false"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
Dropdown
[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]<div[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"dropdown-menu"[/COLOR] [COLOR=#4F9FCF]aria-labelledby=[/COLOR][COLOR=#D44950]"navbarDropdown"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"dropdown-item"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Action[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"dropdown-item"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Another action[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]<div[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"dropdown-divider"[/COLOR][COLOR=#2F6F9F]></div>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"dropdown-item"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Something else here[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]</div>[/COLOR]
[COLOR=#2F6F9F]</li>[/COLOR]
[COLOR=#2F6F9F]<li[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-item"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<a[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"nav-link disabled"[/COLOR] [COLOR=#4F9FCF]href=[/COLOR][COLOR=#D44950]"#"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Disabled[COLOR=#2F6F9F]</a>[/COLOR]
[COLOR=#2F6F9F]</li>[/COLOR]
[COLOR=#2F6F9F]</ul>[/COLOR]
[COLOR=#2F6F9F]<form[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"form-inline my-2 my-lg-0"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<input[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"form-control mr-sm-2"[/COLOR] [COLOR=#4F9FCF]type=[/COLOR][COLOR=#D44950]"search"[/COLOR] [COLOR=#4F9FCF]placeholder=[/COLOR][COLOR=#D44950]"Search"[/COLOR] [COLOR=#4F9FCF]aria-label=[/COLOR][COLOR=#D44950]"Search"[/COLOR][COLOR=#2F6F9F]>[/COLOR]
[COLOR=#2F6F9F]<button[/COLOR] [COLOR=#4F9FCF]class=[/COLOR][COLOR=#D44950]"btn btn-outline-success my-2 my-sm-0"[/COLOR] [COLOR=#4F9FCF]type=[/COLOR][COLOR=#D44950]"submit"[/COLOR][COLOR=#2F6F9F]>[/COLOR]Search[COLOR=#2F6F9F]</button>[/COLOR]
[COLOR=#2F6F9F]</form>[/COLOR]
[COLOR=#2F6F9F]</div>[/COLOR]
[COLOR=#2F6F9F]</nav>[/COLOR] -
arbeite doch einfach mit dem WordPress Menü (Design - Menü), understrap hat die Nav Funktion doch schon in der header.php.
-
hallo, möchte nur wissen wie man bootstrap komponeten in eine webseite einfügt, danke.
-
ein Child-Theme anlegen und dann den gewünschten Code in die gewünschten Templates einfügen.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!