Upstream-Änderungen bis inkl. Commit:

twbs/bootstrap@ed06fd0
Merge pull request 13820 from twbs/bump-load-tasks
bump load-grunt-tasks to ~0.5.0
cvrebert authored Jun 13, 2014 9:07 PM GMT+02:00

README.md

@@ -15,7 +15,7 @@ Um direkt loszulegen, geh auf <http://holdirbootstrap.de>!
  - [Mitmachen](#mitmachen)
  - [Community](#community)
  - [Versionen](#versionen)
- - [Autoren](#autoren)
+ - [Erfinder](#erfinder)
  - [Copyright und Lizenz](#copyright-und-lizenz)
 
 ## Schnellstart
@@ -64,7 +64,7 @@ Bootstraps Dokumentation, die du in diesem Repository als Übersetzung findest,
 
 ### Dokumentation lokal ausführen
 
-1. Falls notwendig, [installiere Jekyll](http://jekyllrb.com/docs/installation) (benötigt wird v1.5.x).
+1. Falls notwendig, [installiere Jekyll](http://jekyllrb.com/docs/installation) (benötigt wird v2.0.x).
   - **Windows-Nutzer:** Lies [diesen unoffiziellen Ratgeber](https://github.com/juthilo/run-jekyll-on-windows/), um Jekyll ohne Probleme zum Laufen zu kriegen. Wir verwenden Pygments, um Code-Schnipsel zu gestalten und hervorzuheben, lies also unbedingt auch die Abschnitte zur Installation von Python und Pygments.
 2. Öffne eine Befehlszeile im Wurzelverzeichnis `/bootstrap` und führe `jekyll serve` aus.
 3. Öffne die Dokumentation in deinem Browser über <http://localhost:10006> (Übersetzung) bzw. <http://localhost:9001> (Original) und fertig!
@@ -135,22 +135,9 @@ Bleib auf dem Laufenden, was die Entwicklung und Neuigkeiten aus der Community a
 
 
 
-
 ## Versionen
 
-Um unsere Veröffentlichungen so klar wie möglich zu halten und Rückwärtskompatibilität zu gewährleisten, wird Bootstrap unter den Richtlinien des Semantic Versioning entwickelt. Wir versuchen diese Regeln so gut wie möglich einzuhalten, doch manchmal kann uns dabei ein Fehler unterlaufen.
-
-Versionen werden in diesem Format nummeriert:
-
-`<Haupt>.<Unter>.<Patch>`
-
-Und mit diesen Regeln konzipiert:
-
-- Nicht rückwärts-kompatible Änderungen **erhöhen die Haupt-Nummer** und setzen Unternummer und Patch zurück
-- Neue Funktionen, die rückwärts-kompatibel sind **erhöhen die Unter-Nummer** und setzen die Patchnummer zurück
-- Simple Fehlerbehebungen und unproblematische Änderungen **erhöhen nur die Patch-Nummer**
-
-Mehr Informationen über SemVer findest du auf <http://semver.org/>.
+Um unsere Veröffentlichungen so klar wie möglich zu halten und Rückwärtskompatibilität zu gewährleisten, wird Bootstrap unter den [Richtlinien des Semantic Versioning](http://semver.org) entwickelt. Wir versuchen diese Regeln so gut wie möglich einzuhalten, doch manchmal kann uns dabei ein Fehler unterlaufen.
 
 
 

_config.yml

@@ -1,6 +1,6 @@
 # Dependencies
-markdown:         rdiscount
-pygments:         true
+markdown:         kramdown
+highlighter:      pygments
 
 # Permalinks
 permalink:        pretty

_includes/components/alerts.html

@@ -36,13 +36,13 @@ <h2 id="alerts-dismissable">Ausblendbare Variante</h2>
   <p>Baue einen Warnhinweis aus, indem du optional <code>.alert-dismissable</code> und einen Schließen-Button hinzufügst.</p>
   <div class="bs-example">
     <div class="alert alert-warning alert-dismissable" role="alert">
-      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Schließen</span></button>
       <strong>Warnung!</strong> Du siehst ganz blass aus, ist alles in Ordnung?
     </div>
   </div>
 {% highlight html %}
 <div class="alert alert-warning alert-dismissable">
-  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+  <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Schließen</span></button>
   <strong>Warnung!</strong> Du siehst ganz blass aus, ist alles in Ordnung?
 </div>
 {% endhighlight %}

_includes/components/button-dropdowns.html

@@ -246,7 +246,7 @@ <h3 id="btn-dropdowns-sizing">Größe</h3>
   <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
     Großer Button <span class="caret"></span>
   </button>
-  <ul class="dropdown-menu">
+  <ul class="dropdown-menu" role="menu">
     ...
   </ul>
 </div>
@@ -256,7 +256,7 @@ <h3 id="btn-dropdowns-sizing">Größe</h3>
   <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
     Kleiner Button <span class="caret"></span>
   </button>
-  <ul class="dropdown-menu">
+  <ul class="dropdown-menu" role="menu">
     ...
   </ul>
 </div>
@@ -266,7 +266,7 @@ <h3 id="btn-dropdowns-sizing">Größe</h3>
   <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
     Extra-kleiner Button <span class="caret"></span>
   </button>
-  <ul class="dropdown-menu">
+  <ul class="dropdown-menu" role="menu">
     ...
   </ul>
 </div>
@@ -313,7 +313,7 @@ <h3 id="btn-dropdowns-dropup">Dropup-Variante</h3>
     <span class="caret"></span>
     <span class="sr-only">Menü ein-/ausblenden</span>
   </button>
-  <ul class="dropdown-menu">
+  <ul class="dropdown-menu" role="menu">
     <!-- Dropdown-Menü-Links -->
   </ul>
 </div>

_includes/components/button-groups.html

@@ -121,7 +121,7 @@ <h3 id="btn-groups-nested">Verschachtelung</h3>
       Dropdown-Menü
       <span class="caret"></span>
     </button>
-    <ul class="dropdown-menu">
+    <ul class="dropdown-menu" role="menu">
       <li><a href="#">Dropdown-Link</a></li>
       <li><a href="#">Dropdown-Link</a></li>
     </ul>

_includes/components/dropdowns.html

@@ -7,7 +7,7 @@ <h3 id="dropdowns-example">Beispiel</h3>
   <p>Pack den Auslöser eines Dropdowns und das eigentliche Menü in <code>.dropdown</code> oder ein anderes Element, das <code>position: relative;</code> deklariert. Dann kannst du die eigentlichen Menü-Einträge hinzufügen.</p>
   <div class="bs-example">
     <div class="dropdown clearfix">
-      <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
+      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
         Dropdown-Menü
         <span class="caret"></span>
       </button>
@@ -22,7 +22,7 @@ <h3 id="dropdowns-example">Beispiel</h3>
   </div><!-- /example -->
 {% highlight html %}
 <div class="dropdown">
-  <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
+  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
     Dropdown-Menü
     <span class="caret"></span>
   </button>
@@ -56,7 +56,7 @@ <h3 id="dropdowns-headers">Überschriften</h3>
   <p>Füge eine Überschrift hinzu, um verschiedene Aktionen in einem Dropdown-Menü zu gruppieren.</p>
   <div class="bs-example">
     <div class="dropdown clearfix">
-      <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu2" data-toggle="dropdown">
+      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown">
         Dropdown-Menü
         <span class="caret"></span>
       </button>
@@ -85,7 +85,7 @@ <h3 id="dropdowns-disabled">Deaktivierte Einträge</h3>
   <p>Füge <code>.disabled</code> zu einem <code>&lt;li&gt;</code>-Element im Dropdown hinzu, um den Link zu deaktivieren.</p>
   <div class="bs-example">
     <div class="dropdown clearfix">
-      <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu3" data-toggle="dropdown">
+      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown">
         Dropdown-Menü
         <span class="caret"></span>
       </button>

_includes/components/glyphicons.html

@@ -27,8 +27,13 @@ <h4>Nur mit leeren Elementen verwenden</h4>
   </div>
   <div class="bs-callout bs-callout-info">
     <h4>Ort der Icon-Schriftarten-Dateien ändern</h4>
-    <p>Standardmäßig nimmt Bootstrap an, dass sich die Dateien für die Symbole im Verzeichnis <code>../fonts/</code> relativ zu deinem CSS befinden. Zum Beispiel: wenn deine CSS-Datei sich unter <code>http://example.com/foobar/css/bootstrap.css</code> befindet, sollten deine Schrift-Dateien sich unter <code>http://example.com/foobar/fonts/glyphicons-halflings-regular.woff</code>, usw. befinden.</p>
-    <p>Falls du die Schrift-Dateien woanders speicherst oder ihre Dateinamen änderst, musst du die Less-Variablen <code>@icon-font-path</code> und/oder <code>@icon-font-name</code> entsprechend anpassen.</p>
+    <p>Bootstrap erwartet, dass sich die Dateien für die Symbole im Verzeichnis <code>../fonts/</code> relativ zu den kompilierten CSS-Dateien befinden. Ein Verschieben oder Umbenennen dieser Schriftarten-Dateien bedeutet, dass du das CSS über einen von drei Wegen aktualisieren musst:</p>
+    <ul>
+      <li>Verändere die Variablen <code>@icon-font-path</code> und/oder <code>@icon-font-name</code> in den Less-Quelldateien.</li>
+      <li>Verwende die <a href="http://lesscss.org/usage/#command-line-usage-relative-urls">Option der relativen URLs</a>, die der Less-Kompilierer bereitstellt.</li>
+      <li>Verändere die <code>url()</code>-Pfade im kompilierten CSS.</li>
+    </ul>
+    <p>Verwende die Option, die am besten zu deiner spezifischen Umwicklungseinrichtung passt.</p>
   </div>
 {% highlight html %}
 <span class="glyphicon glyphicon-search"></span>

_includes/components/input-groups.html

@@ -221,7 +221,7 @@ <h2 id="input-groups-buttons-dropdowns">Buttons mit Dropdowns</h2>
     <div class="input-group">
       <div class="input-group-btn">
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Aktion <span class="caret"></span></button>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu" role="menu">
           <li><a href="#">Aktion</a></li>
           <li><a href="#">Andere Aktion</a></li>
           <li><a href="#">Irgendwas anderes</a></li>
@@ -237,7 +237,7 @@ <h2 id="input-groups-buttons-dropdowns">Buttons mit Dropdowns</h2>
       <input type="text" class="form-control">
       <div class="input-group-btn">
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Aktion <span class="caret"></span></button>
-        <ul class="dropdown-menu dropdown-menu-right">
+        <ul class="dropdown-menu dropdown-menu-right" role="menu">
           <li><a href="#">Aktion</a></li>
           <li><a href="#">Andere Aktion</a></li>
           <li><a href="#">Irgendwas anderes</a></li>

_includes/components/labels.html

@@ -32,4 +32,9 @@ <h3>Verfügbare Varianten</h3>
 <span class="label label-warning">Warnung</span>
 <span class="label label-danger">Gefahr</span>
 {% endhighlight %}
+
+  <div class="bs-callout bs-callout-info">
+    <h4>Hast du eine große Anzahl von Labels?</h4>
+    <p>Rendering-Probleme können auftreten, wenn du Dutzende von Inline-Labels, die jeweils ein <code>inline-block</code>-Element wie ein Icon enthalten, in einen engen Container einschließt. Setze das Label auf <code>display: inline-block;</code>, um das zu umgehen. Für Kontext und ein Beispiel, <a href="https://github.com/twbs/bootstrap/issues/13219">siehe #13219</a>.</p>
+  </div>
 </div>

_includes/components/navbar.html

@@ -98,7 +98,7 @@ <h4>Punkt anpassen, an dem sich das Navbar-Layout verändert</h4>
         <li><a href="#">Link</a></li>
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menü <span class="caret"></span></a>
-          <ul class="dropdown-menu">
+          <ul class="dropdown-menu" role="menu">
             <li><a href="#">Aktion</a></li>
             <li><a href="#">Andere Aktion</a></li>
             <li><a href="#">Irgendwas anderes</a></li>
@@ -119,7 +119,7 @@ <h4>Punkt anpassen, an dem sich das Navbar-Layout verändert</h4>
         <li><a href="#">Link</a></li>
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menü <span class="caret"></span></a>
-          <ul class="dropdown-menu">
+          <ul class="dropdown-menu" role="menu">
             <li><a href="#">Aktion</a></li>
             <li><a href="#">Andere Aktion</a></li>
             <li><a href="#">Irgendwas anderes</a></li>

_includes/components/navs.html

@@ -6,14 +6,14 @@ <h1 id="nav" class="page-header">Navs</h1>
   <h2 id="nav-tabs">Tabs</h2>
   <p>Beachte, dass die <code>.nav-tabs</code>-Klasse nur zusammen mit der <code>.nav</code>-Grund-Klasse funktioniert.</p>
   <div class="bs-example">
-    <ul class="nav nav-tabs">
+    <ul class="nav nav-tabs" role="tablist">
       <li class="active"><a href="#">Start</a></li>
       <li><a href="#">Profil</a></li>
       <li><a href="#">Nachrichten</a></li>
     </ul>
   </div>
 {% highlight html %}
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
   <li class="active"><a href="#">Start</a></li>
   <li><a href="#">Profil</a></li>
   <li><a href="#">Nachrichten</a></li>
@@ -62,7 +62,7 @@ <h4>Safari und responsive Gleichsatz-Navs</h4>
     <p>Safari (Stand v7.0.1) hat einen Fehler, bei dem das Verändern der Breite deines Browser-Fensters Anzeigefehler in der gleichmäßig verteilten Variante der Navs hervorruft. Diese Fehler verschwinden nach einem erneuten Laden der Seite. Dieser Fehler ist auch im <a href="../examples/justified-nav/">Beispiel der gleichmäßig verteilten Variante</a> sichtbar.</p>
   </div>
   <div class="bs-example">
-    <ul class="nav nav-tabs nav-justified">
+    <ul class="nav nav-tabs nav-justified" role="tablist">
       <li class="active"><a href="#">Start</a></li>
       <li><a href="#">Profil</a></li>
       <li><a href="#">Nachrichten</a></li>
@@ -75,7 +75,7 @@ <h4>Safari und responsive Gleichsatz-Navs</h4>
     </ul>
   </div>
 {% highlight html %}
-<ul class="nav nav-tabs nav-justified">
+<ul class="nav nav-tabs nav-justified" role="tablist">
   ...
 </ul>
 <ul class="nav nav-pills nav-justified">
@@ -113,7 +113,7 @@ <h2 id="nav-dropdowns">Mit Dropdowns</h2>
 
   <h3>Tabs mit Dropdowns</h3>
   <div class="bs-example">
-    <ul class="nav nav-tabs">
+    <ul class="nav nav-tabs" role="tablist">
       <li class="active"><a href="#">Start</a></li>
       <li><a href="#">Hilfe</a></li>
       <li class="dropdown">
@@ -131,13 +131,13 @@ <h3>Tabs mit Dropdowns</h3>
     </ul>
   </div>
 {% highlight html %}
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
   ...
   <li class="dropdown">
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">
       Dropdown-Menü <span class="caret"></span>
     </a>
-    <ul class="dropdown-menu">
+    <ul class="dropdown-menu" role="menu">
       ...
     </ul>
   </li>
@@ -171,7 +171,7 @@ <h3>Pills mit Dropdowns</h3>
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">
       Dropdown-Menü <span class="caret"></span>
     </a>
-    <ul class="dropdown-menu">
+    <ul class="dropdown-menu" role="menu">
       ...
     </ul>
   </li>

_includes/components/thumbnails.html

@@ -46,7 +46,7 @@ <h3 id="thumbnails-custom-content">Eigene Inhalte</h3>
     <div class="row">
       <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
-          <img data-src="holder.js/300x200" alt="Generisches Platzhalter-Vorschaubild">
+          <img data-src="holder.js/100%x200" alt="Generisches Platzhalter-Vorschaubild">
           <div class="caption">
             <h3>Vorschaubild-Titel</h3>
             <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
@@ -56,7 +56,7 @@ <h3>Vorschaubild-Titel</h3>
       </div>
       <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
-          <img data-src="holder.js/300x200" alt="Generisches Platzhalter-Vorschaubild">
+          <img data-src="holder.js/100%x200" alt="Generisches Platzhalter-Vorschaubild">
           <div class="caption">
             <h3>Vorschaubild-Titel</h3>
             <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
@@ -66,7 +66,7 @@ <h3>Vorschaubild-Titel</h3>
       </div>
       <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
-          <img data-src="holder.js/300x200" alt="Generisches Platzhalter-Vorschaubild">
+          <img data-src="holder.js/100%x200" alt="Generisches Platzhalter-Vorschaubild">
           <div class="caption">
             <h3>Vorschaubild-Titel</h3>
             <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
@@ -80,7 +80,7 @@ <h3>Vorschaubild-Titel</h3>
 <div class="row">
   <div class="col-sm-6 col-md-4">
     <div class="thumbnail">
-      <img data-src="holder.js/300x200" alt="...">
+      <img data-src="holder.js/300x300" alt="...">
       <div class="caption">
         <h3>Vorschaubild-Titel</h3>
         <p>...</p>

_includes/css/buttons.html

@@ -173,6 +173,6 @@ <h2 id="buttons-tags">Button-Tags</h2>
   <div class="bs-callout bs-callout-warning">
     <h4>Ergebnis in den verschiedenen Browsern</h4>
     <p><strong>Wir empfehlen dir ausdrücklich, wenn möglich immer das <code>&lt;button&gt;</code>-Element zu verwenden</strong>, um sicherzustellen, dass Buttons in den verschiedenen Browsern immer gleich aussehen.</p>
-    <p>Unter anderem gibt es <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=697451">einen Bug in Firefox</a>, der uns daran hindert, die Zeilenhöhe (<code>line-height</code>) von <code>&lt;input&gt;</code>-basierten Buttons zu verändern, was dazu führt, dass diese Buttons nicht die gleiche Höhe wie die anderen in Firefox haben.</p>
+    <p>Unter anderem gibt es <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=697451">einen Bug in Firefox &lt;30</a>, der uns daran hindert, die Zeilenhöhe (<code>line-height</code>) von <code>&lt;input&gt;</code>-basierten Buttons zu verändern, was dazu führt, dass diese Buttons nicht die gleiche Höhe wie die anderen in Firefox haben.</p>
   </div>
 </div>

_includes/css/code.html

@@ -13,7 +13,8 @@ <h2 id="code-inline">Inline</h2>
   <h2 id="code-user-input">Benutzereingaben</h2>
   <p>Für Eingaben, die normalerweise mit der Tastatur gemacht werden, kannst du <code>&lt;kbd&gt;</code> verwenden.</p>
 <div class="bs-example">
-  Um das Verzeichnis zu wechseln, gib <kbd>cd</kbd> und dann den Namen eines Verzeichnisses ein.
+  Um das Verzeichnis zu wechseln, gib <kbd>cd</kbd> und dann den Namen eines Verzeichnisses ein.<br>
+  Um Einstellungen zu ändern, drücke <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
 </div>
 {% highlight html %}
 Um das Verzeichnis zu wechseln, gib <kbd>cd</kbd> und dann den Namen eines Verzeichnisses ein.