Permalink
Browse files

Links in deutscher Sprache

- Wo sinnvoll, wurden Kopien mit deutschem Dateinamen erstellt.
- Jekyll fügt Meta-Umleitungen und Canonical-Links in die (alten) englischen Dateien ein.
- Alle Links wurden auf die deutsche Version umgestellt.
- Ein Link in README.md wird erst aktualisiert, wenn die neuen Links auch auf der Live-Seite funktionieren.

- Das Extra-JavaScript für den Customizer wird in der Übersetzung nicht benötigt.
  • Loading branch information...
1 parent 7df33ae commit 7a1e8721e4dbc9b96b4ec040462e6e88cb407120 @juthilo committed Feb 8, 2014
@@ -17,11 +17,11 @@
<li>&middot;</li>
<li><a href="http://github.com/juthilo/bootstrap-german">GitHub-Projekt (de)</a></li>
<li>&middot;</li>
- <li><a href="../getting-started/#examples">Beispiele</a></li>
+ <li><a href="../los-gehts/#examples">Beispiele</a></li>
<li>&middot;</li>
<li><a href="http://getbootstrap.com/2.3.2/" onclick="ga('send', 'event', 'Footer', 'click', '2.3.2')">Dokumentation für v2.3.2</a></li>
<li>&middot;</li>
- <li><a href="../about/">Über Bootstrap</a></li>
+ <li><a href="../ueber-bootstrap/">Über Bootstrap</a></li>
<li>&middot;</li>
<li><a href="{{ site.expo }}" onclick="ga('send', 'event', 'Footer', 'click', 'Expo')">Galerie</a></li>
<li>&middot;</li>
@@ -40,9 +40,6 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../dist/js/bootstrap.min.js"></script>
<script src="../assets/js/docs.min.js"></script>
-{% if page.slug == "customize" %}
-<script src="../assets/js/customize.min.js"></script>
-{% endif %}
{% comment %}
Twitter-Widgets asynchron einbinden. Code von Twitters
@@ -1,5 +1,8 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+{% if page.redirect == true %}
+<meta http-equiv="refresh" content="0; url=http://holdirbootstrap.de/{{ page.redirect_to }}/">
+{% endif %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bootstrap, ein umfangreiches und dennoch schlankes Mobile-First Frond-End-Framework für einfachere und schnellere Entwicklung im Web.">
<meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, bootstrap, bootstrap deutsch, dokumentation, übersetzung">
@@ -12,7 +15,9 @@
{{ page.title }} &middot; Bootstrap (deutsch)
{% endif %}
</title>
-
+{% if page.redirect == true %}
+<link rel="canonical" href="http://holdirbootstrap.de/{{ page.redirect_to }}/">
+{% endif %}
<!-- Bootstrap CSS -->
<link href="../dist/css/bootstrap.min.css" rel="stylesheet">
@@ -12,19 +12,19 @@
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li{% if page.slug == "getting-started" %} class="active"{% endif %}>
- <a href="../getting-started">Los geht's</a>
+ <a href="../los-gehts">Los geht's</a>
</li>
<li{% if page.slug == "css" %} class="active"{% endif %}>
<a href="../css">CSS</a>
</li>
<li{% if page.slug == "components" %} class="active"{% endif %}>
- <a href="../components">Komponenten</a>
+ <a href="../komponenten">Komponenten</a>
</li>
<li{% if page.slug == "js" %} class="active"{% endif %}>
<a href="../javascript">JavaScript</a>
</li>
<li{% if page.slug == "customize" %} class="active"{% endif %}>
- <a href="../customize">Anpassen</a>
+ <a href="../anpassen-und-herunterladen">Anpassen</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
View
@@ -3,6 +3,8 @@
title: Über Bootstrap
slug: about
lead: "Erfahre mehr über die Geschichte des Projekt, lerne die Hauptteams kennen und finde heraus, wie du die Marke Bootstrap nutzen kannst."
+redirect: true
+redirect_to: ueber-bootstrap
---
@@ -0,0 +1,19 @@
+---
+layout: default
+title: Anpassen und herunterladen
+slug: customize
+lead: Pass die verschiedenen Komponenten, Less-Variablen und jQuery-Plugins von Bootstrap an, um dir deine ganz eigene Version zu erstellen.
+---
+
+
+<!-- Erklärung
+================================================== -->
+<div class="bs-docs-section">
+ <h1 class="page-header">Der Customizer</h1>
+
+ <p class="lead">Bitte wechsel zur offiziellen englischen Dokumentation, um dir deine eigene Bootstrap-Version aus den aktuellsten Komponenten, Variablen und Plugins zusammenzustellen:</p>
+
+ <div class="bs-customize-download">
+ <a href="http://getbootstrap.com/customize/" class="btn btn-block btn-lg btn-outline" onclick="ga('send', 'event', 'Anpassen', 'click', 'Customizer')">Customizer aufrufen</a>
+ </div>
+</div>
View
@@ -3,6 +3,8 @@
title: Komponenten
slug: components
lead: "Mehr als ein Dutzend Komponenten für Symbole, Menüs, Input-Gruppen, Navigation, Warnungen und vieles mehr."
+redirect: true
+redirect_to: komponenten
---
@@ -1444,7 +1446,7 @@ <h2 id="navbar-forms">Formulare</h2>
<div class="bs-callout bs-callout-warning">
<h4>Tücken auf mobilen Geräten</h4>
- <p>Es kann zu Schwierigkeiten kommen, wenn Formularelemente in fixierten Elementen auf mobilen Geräten angezeigt werden sollen. Mehr Informationen findest du in <a href="../getting-started/#support-fixed-position-keyboards">unseren Browser-Support-Dokumenten</a>.</p>
+ <p>Es kann zu Schwierigkeiten kommen, wenn Formularelemente in fixierten Elementen auf mobilen Geräten angezeigt werden sollen. Mehr Informationen findest du in <a href="../los-gehts/#support-fixed-position-keyboards">unseren Browser-Support-Dokumenten</a>.</p>
</div>
<div class="bs-callout bs-callout-warning">
View
@@ -1559,7 +1559,7 @@ <h2 id="forms-example">Einfaches Beispiel</h2>
{% endhighlight %}
<div class="bs-callout bs-callout-warning">
<h4>Vermische niemals Formular-Gruppen mit Input-Gruppen</h4>
- <p>Du solltest Formular-Gruppen (<code>.form-group</code>) nicht direkt mit <a href="/components/#input-groups">Input-Gruppen</a> kombinieren. Ordne die Input-Gruppe stattdessen der Formular-Gruppe unter.</p>
+ <p>Du solltest Formular-Gruppen (<code>.form-group</code>) nicht direkt mit <a href="/komponenten/#input-groups">Input-Gruppen</a> kombinieren. Ordne die Input-Gruppe stattdessen der Formular-Gruppe unter.</p>
</div>
@@ -1694,7 +1694,7 @@ <h2 id="forms-controls">Verfügbare Felder</h2>
{% endhighlight %}
<div class="bs-callout bs-callout-info">
<h4>Input-Gruppen</h4>
- <p>Um Text oder Buttons vor und/oder nach irgendeinem text-basierten <code>&lt;input&gt;</code> hinzuzufügen, <a href="../components/#input-groups">sieh dir doch mal Input-Gruppen an</a>.</p>
+ <p>Um Text oder Buttons vor und/oder nach irgendeinem text-basierten <code>&lt;input&gt;</code> hinzuzufügen, <a href="../komponenten/#input-groups">sieh dir doch mal Input-Gruppen an</a>.</p>
</div>
<h3>Text-Fläche</h3>
@@ -2409,7 +2409,7 @@ <h3 id="helper-classes-close">Schließen-Symbol</h3>
<h3 id="helper-classes-carets">Carets</h3>
- <p>Verwende Carets (kleine Pfeile ohne Strich), um die Funktionalität und Richtung von Dropdown-Menüs und ähnlichen Komponenten anzuzeigen. Beachte, dass das Caret in <a href="../components/#btn-dropdowns-dropup">Dropup-Menüs</a> automatisch umgedreht wird.</p>
+ <p>Verwende Carets (kleine Pfeile ohne Strich), um die Funktionalität und Richtung von Dropdown-Menüs und ähnlichen Komponenten anzuzeigen. Beachte, dass das Caret in <a href="../komponenten/#btn-dropdowns-dropup">Dropup-Menüs</a> automatisch umgedreht wird.</p>
<div class="bs-example">
<span class="caret"></span>
</div>
@@ -2444,7 +2444,7 @@ <h3 id="helper-classes-floats">Einfache Floats</h3>
<div class="bs-callout bs-callout-warning">
<h4>Nicht für Navbars geeignet</h4>
- <p>Um Komponenten in Navbars mit Hilfsklassen auszurichten, verwende stattdessen <code>.navbar-left</code> oder <code>.navbar-right</code>. <a href="../components/#navbar-component-alignment">Lies die Navbar-Dokumentation</a> für Details.</p>
+ <p>Um Komponenten in Navbars mit Hilfsklassen auszurichten, verwende stattdessen <code>.navbar-left</code> oder <code>.navbar-right</code>. <a href="../komponenten/#navbar-component-alignment">Lies die Navbar-Dokumentation</a> für Details.</p>
</div>
@@ -2526,7 +2526,7 @@ <h3 id="helper-classes-show-hide">Inhalte anzeigen/verbergen</h3>
<h3 id="helper-classes-screen-readers">Inhalte für Screenreader</h3>
- <p>Verberge ein Element vor allen Geräten <strong>außer Screenreadern</strong> mit <code>.sr-only</code>. Notwendig, um den <a href="../getting-started/#accessibility">optimalen Vorgehensweisen für Barrierefreiheit</a> Folge zu leisten. Kann auch als Mixin verwendet werden.</p>
+ <p>Verberge ein Element vor allen Geräten <strong>außer Screenreadern</strong> mit <code>.sr-only</code>. Notwendig, um den <a href="../los-gehts/#accessibility">optimalen Vorgehensweisen für Barrierefreiheit</a> Folge zu leisten. Kann auch als Mixin verwendet werden.</p>
{% highlight html %}
<a class="sr-only" href="#content">Zum Hauptinhalt springen</a>
{% endhighlight %}
View
@@ -3,6 +3,8 @@
title: Anpassen und herunterladen
slug: customize
lead: Pass die verschiedenen Komponenten, Less-Variablen und jQuery-Plugins von Bootstrap an, um dir deine ganz eigene Version zu erstellen.
+redirect: true
+redirect_to: anpassen-und-herunterladen
---
@@ -75,7 +75,7 @@
<p>Dieses Beispiel ist eine schnelle Übung, um zu zeigen, wie die Standard-Navbar, die statische und die oben fixierte Navbar funktionieren. Es enthält responsives CSS und HTML, passt sich also der Breite deines Bildschirms oder Browser-Fensters an.</p>
<p>Um den Unterschied zwischen statischen und oben fixierten Navbars zu sehen, scrolle einfach etwas nach unten und vergleiche das Ergebnis.</p>
<p>
- <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">Sieh dir die Dokumentation für Navbars an &raquo;</a>
+ <a class="btn btn-lg btn-primary" href="../../komponenten/#navbar" role="button">Sieh dir die Dokumentation für Navbars an &raquo;</a>
</p>
</div>
@@ -76,7 +76,7 @@
<p>Dieses Beispiel ist eine schnelle Übung, um zu zeigen, wie die Standard-Navbar, die statische und die oben fixierte Navbar funktionieren. Es enthält responsives CSS und HTML, passt sich also der Breite deines Bildschirms oder Browser-Fensters an.</p>
<p>Um den Unterschied zwischen statischen und oben fixierten Navbars zu sehen, scrolle einfach etwas nach unten und vergleiche das Ergebnis.</p>
<p>
- <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">Sieh dir die Dokumentation für Navbars an &raquo;</a>
+ <a class="btn btn-lg btn-primary" href="../../komponenten/#navbar" role="button">Sieh dir die Dokumentation für Navbars an &raquo;</a>
</p>
</div>
@@ -74,7 +74,7 @@
<h1>Navbar-Beispiel</h1>
<p>Dieses Beispiel ist eine schnelle Übung, um zu zeigen, wie die Standard-Navbar, die statische und die oben fixierte Navbar funktionieren. Es enthält responsives CSS und HTML, passt sich also der Breite deines Bildschirms oder Browser-Fensters an.</p>
<p>
- <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">Sieh dir die Dokumentation für Navbars an &raquo;</a>
+ <a class="btn btn-lg btn-primary" href="../../komponenten/#navbar" role="button">Sieh dir die Dokumentation für Navbars an &raquo;</a>
</p>
</div>
@@ -3,6 +3,8 @@
title: Los geht's!
slug: getting-started
lead: "Ein Überblick über Bootstrap, wie du es herunterlädst und verwendest, einfache Vorlagen und Beispiele und mehr."
+redirect: true
+redirect_to: los-gehts
---
@@ -269,7 +271,7 @@ <h3 id="examples-custom">Eigene Komponenten</h3>
<img src="../examples/screenshots/justified-nav.jpg" alt="">
</a>
<h4>Bündige Navbar</h4>
- <p>Eigene Navbar mit gleichmäßigen Links. Achtung! <a href="../components/#nav-justified">Verträgt sich nicht gut mit WebKit.</a></p>
+ <p>Eigene Navbar mit gleichmäßigen Links. Achtung! <a href="../komponenten/#nav-justified">Verträgt sich nicht gut mit WebKit.</a></p>
</div>
<div class="clearfix visible-xs"></div>
@@ -748,7 +750,7 @@ <h1 id="customizing" class="page-header">Bootstrap anpassen</h1>
</div>
<h3>Überfluss ggf. entfernen</h3>
- <p>Nicht alle Seiten und Anwendungen brauchen alles, was Bootstrap zu bieten hat, besonders in Produktionsumgebungen, wo es wichtig ist, Bandbreite zu optimieren. Wir ermutigen dich dazu, alles zu entfernen, was du nicht wirklich brauchst. Verwende dazu den <a href="../customize/">Customizer</a> in der originalen englischsprachigen Dokumentation.</p>
+ <p>Nicht alle Seiten und Anwendungen brauchen alles, was Bootstrap zu bieten hat, besonders in Produktionsumgebungen, wo es wichtig ist, Bandbreite zu optimieren. Wir ermutigen dich dazu, alles zu entfernen, was du nicht wirklich brauchst. Verwende dazu den <a href="../anpassen-und-herunterladen/">Customizer</a> in der originalen englischsprachigen Dokumentation.</p>
<p>Mit dem Customizer kannst du einzelne Komponenten, Funktionen und Ressourcen abwählen, wenn du sie nicht brauchst. Klick auf Download und tausche die Standard-Bootstrap-Dateien mit den neuen angepassten aus. Du erhältst pures Bootstrap-CSS, aber ohne die Funktionen, die *du* für unnötig befunden hast. Alle angepassten Versionen enthalten kompilierte und minimierte Dateien, du kannst also wählen, was immer du gerade brauchst.</p>
</div>
View
@@ -9,7 +9,7 @@
<!-- <h1>Bootstrap</h1> -->
<p class="lead">Das beliebteste Front-End-Framework für die Entwicklung von anpassungsfähigen Projekten für das moderne Web.</p>
<p class="lead">
- <a href="getting-started#download" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Download', 'click', 'overview')">Bootstrap herunterladen</a>
+ <a href="los-gehts#download" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Download', 'click', 'overview')">Bootstrap herunterladen</a>
</p>
</div>
</main>
@@ -49,7 +49,7 @@ <h2 class="bs-featurette-title">Für alle, überall.</h2>
<div class="bs-featurette">
<div class="container">
<h2 class="bs-featurette-title">Gemacht mit Bootstrap.</h2>
- <p class="lead">Es gibt Millionen von großartigen Seiten online, die mit Bootstrap gemacht wurden. Lass dich von unserer wachsenden <a href="../getting-started/#examples">Beispiel-Sammlung</a> oder einigen unserer persönlichen Favoriten inspirieren und leg dann selbst los.</p>
+ <p class="lead">Es gibt Millionen von großartigen Seiten online, die mit Bootstrap gemacht wurden. Lass dich von unserer wachsenden <a href="../los-gehts/#examples">Beispiel-Sammlung</a> oder einigen unserer persönlichen Favoriten inspirieren und leg dann selbst los.</p>
<hr class="half-rule">
View
@@ -113,7 +113,7 @@ <h2 id="modals-examples">Beispiele</h2>
</div>
<div class="bs-callout bs-callout-warning">
<h4>Schwierigkeiten auf mobilen Geräten</h4>
- <p>Es gibt einige Tücken, die du bei der Verwendung von Modals auf mobilen Geräten beachten solltest. <a href="../getting-started/#support-fixed-position-keyboards">Lies unsere Browser-Support-Infos</a> für Details.</p>
+ <p>Es gibt einige Tücken, die du bei der Verwendung von Modals auf mobilen Geräten beachten solltest. <a href="../los-gehts/#support-fixed-position-keyboards">Lies unsere Browser-Support-Infos</a> für Details.</p>
</div>
<h3>Statisches Beispiel</h3>
@@ -779,7 +779,7 @@ <h2 id="tabs-examples">Beispiel-Tabs</h2>
<div class="bs-callout bs-callout-info">
<h4>Erweitert die Tab-Navs</h4>
- <p>Dieses Plugin erweitert die <a href="../components/#nav-tabs">Komponente Tab-Navs</a>, um tatsächliches Tabverhalten hinzuzufügen.</p>
+ <p>Dieses Plugin erweitert die <a href="../komponenten/#nav-tabs">Komponente Tab-Navs</a>, um tatsächliches Tabverhalten hinzuzufügen.</p>
</div>
@@ -803,7 +803,7 @@ <h2 id="tabs-usage">Verwendung</h2>
{% endhighlight %}
<h3>Markup</h3>
- <p>Du kannst Tab- oder Pills-Navs aktivieren, ohne JavaScript zu schreiben, indem du einfach <code>data-toggle="tab"</code> oder <code>data-toggle="pill"</code> bei einem Element hinzufügst. Durch Hinzufügen der Klassen <code>nav</code> und <code>nav-tabs</code> zur Tab-<code>ul</code> wird Bootstrap <a href="../components/#nav-tabs">Tab-Stile</a> anwenden, während <code>nav</code> und <code>nav-pills</code> für <a href="../components/#nav-pills">Pills-Stile</a> sorgen.</p>
+ <p>Du kannst Tab- oder Pills-Navs aktivieren, ohne JavaScript zu schreiben, indem du einfach <code>data-toggle="tab"</code> oder <code>data-toggle="pill"</code> bei einem Element hinzufügst. Durch Hinzufügen der Klassen <code>nav</code> und <code>nav-tabs</code> zur Tab-<code>ul</code> wird Bootstrap <a href="../komponenten/#nav-tabs">Tab-Stile</a> anwenden, während <code>nav</code> und <code>nav-pills</code> für <a href="../komponenten/#nav-pills">Pills-Stile</a> sorgen.</p>
{% highlight html %}
<!-- Tabs-Navs -->
<ul class="nav nav-tabs">
Oops, something went wrong.

0 comments on commit 7a1e872

Please sign in to comment.