Permalink
Browse files

Upstream-Änderungen

  • Loading branch information...
1 parent 2266aa4 commit 7b0584cb3b9a01e77d2a15acd91bef6e432d01b5 @juthilo committed Oct 25, 2014
Showing with 170 additions and 123 deletions.
  1. +5 −5 .editorconfig
  2. +9 −10 .gitignore
  3. +12 −0 CONTRIBUTING.md
  4. +2 −2 _includes/components/responsive-embed.html
  5. +1 −1 _includes/css/buttons.html
  6. +1 −1 _includes/css/less.html
  7. +1 −1 _includes/css/overview.html
  8. +1 −1 _includes/footer.html
  9. +15 −15 _includes/getting-started/browser-device-support.html
  10. +1 −1 _includes/getting-started/grunt.html
  11. +1 −1 _includes/getting-started/template.html
  12. +1 −1 _includes/header.html
  13. +1 −0 _includes/js/alerts.html
  14. +6 −2 _includes/js/buttons.html
  15. +6 −0 _includes/js/carousel.html
  16. +26 −4 _includes/js/collapse.html
  17. +24 −24 _includes/js/dropdowns.html
  18. +3 −3 _includes/js/popovers.html
  19. +10 −2 _includes/js/tabs.html
  20. +1 −1 _includes/js/tooltips.html
  21. +1 −1 _layouts/default.html
  22. +9 −16 browser-bugs.html
  23. +1 −0 css.html
  24. +1 −1 examples/blog/index.html
  25. +1 −1 examples/carousel/index.html
  26. +1 −1 examples/cover/index.html
  27. +1 −1 examples/dashboard/index.html
  28. +1 −1 examples/grid/index.html
  29. +1 −1 examples/jumbotron-narrow/index.html
  30. +1 −1 examples/jumbotron/index.html
  31. +1 −1 examples/justified-nav/index.html
  32. +1 −1 examples/navbar-fixed-top/index.html
  33. +1 −1 examples/navbar-static-top/index.html
  34. +1 −1 examples/navbar/index.html
  35. +1 −1 examples/non-responsive/index.html
  36. +9 −9 examples/offcanvas/index.html
  37. +1 −1 examples/signin/index.html
  38. +1 −1 examples/starter-template/index.html
  39. +1 −1 examples/sticky-footer-navbar/index.html
  40. +1 −1 examples/sticky-footer/index.html
  41. +1 −1 examples/theme/index.html
  42. +1 −1 examples/tooltip-viewport/index.html
  43. +1 −0 index.html
  44. +1 −0 javascript.html
  45. +1 −0 komponenten.html
  46. +1 −0 los-gehts.html
  47. +0 −3 migration.html
  48. +1 −0 sitemap.xml
  49. +0 −1 ueber-bootstrap.html
View
@@ -3,12 +3,12 @@
root = true
[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
charset = utf-8
-trim_trailing_whitespace = true
+end_of_line = lf
+indent_size = 2
+indent_style = space
insert_final_newline = true
+trim_trailing_whitespace = true
[*.py]
-indent_size = 4
+indent_size = 4
View
@@ -6,38 +6,37 @@ _site
# Numerous always-ignore extensions
*.diff
*.err
-*.orig
*.log
+*.orig
*.rej
*.swo
*.swp
-*.zip
*.vi
+*.zip
*~
# OS or Editor folders
-.DS_Store
._*
-Thumbs.db
.cache
+.DS_Store
+.idea
.project
.settings
.tmproj
*.esproj
-nbproject
*.sublime-project
*.sublime-workspace
-.idea
+nbproject
+Thumbs.db
# Komodo
-*.komodoproject
.komodotools
+*.komodoproject
# grunt-html-validation
-validation-status.json
validation-report.json
+validation-status.json
# Folders to ignore
-node_modules
bower_components
-grunt
+node_modules
View
@@ -101,6 +101,18 @@ All diese Informationen helfen Anderen dabei, potentielle Fehler im Code zu bese
> Codezeilen, von denen du schon weißt, dass sie den Fehler verursachen und
> mögliche Lösungen (und deine Einschätzung von deren Wert).
+### Browser-Bugs melden
+
+Einige der Fehlermeldungen, die wir erhalten, beziehen sich auf Fehler, die von Bugs in den Browsern selbst und nicht von Bootstrap verursacht werden.
+Wenn angebracht, versuchen wir diese Upstream-Fehler an die relevanten Browser-Hersteller zu melden und dann an unserer [Pinnwand für Browser-Bugs](http://holdirbootstrap.de/browser-bugs/) aufzuführen.
+
+| Hersteller | Browser | Rendering Engine | Seite für Fehlermeldungen | Hinweise |
+| ------------- | ---------------------------- | ---------------- | ------------------------------------------------------------------------------------- | --------------------------------------------------- |
+| Mozilla | Firefox | Gecko | https://bugzilla.mozilla.org/enter_bug.cgi | "Core" ist meistens die richtige Produktkategorie. |
+| Apple | Safari | WebKit | https://bugs.webkit.org/enter_bug.cgi?product=WebKit <br> https://bugreport.apple.com | In Apples Bug Reporter "Safari" als Produkt wählen. |
+| Google, Opera | Chrome, Chromium, Opera v15+ | Blink | https://code.google.com/p/chromium/issues/list | Klick den Button "New issue". |
+| Microsoft | Internet Explorer | Trident | https://connect.microsoft.com/IE/feedback/LoadSubmitFeedbackForm | |
+
## Funktionsvorschläge
@@ -12,12 +12,12 @@ <h1 id="responsive-embed" class="page-header">Responsive Embeds</h1>
{% highlight html %}
<!-- 16:9-Seitenverhältnis -->
<div class="embed-responsive embed-responsive-16by9">
- <iframe class="embed-responsive-item" src=""></iframe>
+ <iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3-Seitenverhältnis -->
<div class="embed-responsive embed-responsive-4by3">
- <iframe class="embed-responsive-item" src=""></iframe>
+ <iframe class="embed-responsive-item" src="..."></iframe>
</div>
{% endhighlight %}
</div>
@@ -114,7 +114,7 @@ <h2 id="buttons-active">Aktiv-Ansicht</h2>
<h2 id="buttons-disabled">Deaktivierte Ansicht</h2>
- <p>Lass Buttons so aussehen, als könnte man sie nicht anklicken, indem du ihr Erscheinungsbild 50% reduzierst.</p>
+ <p>Lass Buttons so aussehen, als könnte man sie nicht anklicken, indem du ihr Erscheinungsbild mit Hilfe von <code>opacity</code> reduzierst.</p>
<h3>Button-Element</h3>
<p>Füge das <code>disabled</code>-Attribut zu <code>&lt;button&gt;</code>s hinzu.</p>
@@ -390,7 +390,7 @@ <h2 id="less-mixins-utility">Hilfsmittel-Mixins</h2>
<p>Hilfsmittel-Mixins sind Mixins, die verschiedene CSS-Eigenschaften ohne eigentlichen Bezug kombinieren, um einen bestimmten Effekt oder ein bestimmtes Ziel zu erreichen.</p>
<h3 id="less-mixins-clearfix">Clearfix</h3>
- <p>Ergänze nicht jedes Mal <code>class="clearfix"</code> bei einem Element und füge stattdessen das <code>.clearfix()</code>-Mixin da ein, wo es angebracht ist. Verwendet das <a href="http://nicolasgallagher.com/micro-clearfix-hack/" target="_blank">Micro-Clearfix</a> von <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallager</a>.</p>
+ <p>Ergänze nicht jedes Mal <code>class="clearfix"</code> bei einem Element und füge stattdessen das <code>.clearfix()</code>-Mixin da ein, wo es angebracht ist. Verwendet das <a href="http://nicolasgallagher.com/micro-clearfix-hack/" target="_blank">Micro-Clearfix</a> von <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallager</a>.</p>
{% highlight scss %}
// Mixin
.clearfix() {
@@ -33,7 +33,7 @@ <h3 id="overview-type-links">Typografie und Links</h3>
<p>Diese Stile findest du in der Datei <code>scaffolding.less</code>.</p>
<h3 id="overview-normalize">Normalize.css</h3>
- <p>Damit deine Seite in allen Browsern möglichst gleich aussieht, verwenden wir <a href="http://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, ein Projekt von <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> und <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a>.</p>
+ <p>Damit deine Seite in allen Browsern möglichst gleich aussieht, verwenden wir <a href="http://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, ein Projekt von <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> und <a href="https://twitter.com/jon_neal" target="_blank">Jonathan Neal</a>.</p>
<h3 id="overview-container">Container</h3>
<p>Bootstrap benötigt ein Element, in dem Seiteninhalte und unser Raster-System verpackt sind. Du kannst dir einen von zwei Containern zur Verwendung in deinem Projekt aussuchen. Beachte, dass aufgrund von <code>padding</code> und mehr keiner der beiden Container verschachtelbar ist.</p>
@@ -4,7 +4,7 @@
<div class="container">
{% include social-buttons.html %}
- <p>Entworfen und entwickelt mit unendlicher Liebe von <a href="http://twitter.com/mdo" target="_blank">@mdo</a> und <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
+ <p>Entworfen und entwickelt mit unendlicher Liebe von <a href="https://twitter.com/mdo" target="_blank">@mdo</a> und <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
<p>Gepflegt vom <a href="https://github.com/orgs/twbs/people">Hauptteam</a> mit der Unterstützung <a href="https://github.com/twbs/bootstrap/graphs/contributors">unserer Beitragenden</a>.</p>
<p>Code unter der <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT-Lizenz</a>, Dokumentation unter <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
<br>
@@ -19,33 +19,33 @@ <h3 id="support-browsers">Unterstützte Browser</h3>
<tbody>
<tr>
<th>Android</th>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
<td class="text-muted" rowspan="3" style="vertical-align: middle;">k.A.</td>
- <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span class="sr-only">Nicht Unterstützt</span></td>
+ <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> Nicht Unterstützt</td>
<td class="text-muted">k.A.</td>
</tr>
<tr>
<th>iOS</th>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
<td class="text-muted">k.A.</td>
- <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span class="sr-only">Nicht Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
+ <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> Nicht Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
</tr>
<tr>
<th>Mac OS X</th>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
</tr>
<tr>
<th>Windows</th>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Unterstützt</span></td>
- <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span class="sr-only">Nicht Unterstützt</span></td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-success"><span class="glyphicon glyphicon-ok"></span> Unterstützt</td>
+ <td class="text-danger"><span class="glyphicon glyphicon-remove"></span> Nicht Unterstützt</td>
</tr>
</tbody>
</table>
@@ -28,7 +28,7 @@ <h2 id="grunt-commands">Verfügbare Grunt-Befehle</h2>
<p>Generiert und testet CSS-, JavaScript- und andere Dateien, die verwendet werden, wenn die Dokumentation über <code>jekyll serve</code> lokal gestartet wird.</p>
<h3><code>grunt</code> (Absolut alles generieren und testen)</h3>
- <p>Kompiliert und minimiert CSS und JavaScript, generiert die Dokumentations-Webseite, prüft diese mit dem HTML5-Validator, regeneriert die Hilfsdateien für den Customizer und mehr. Üblicherweise nur notwendig, wenn du an Bootstrap selbst arbeitest und mitentwickelst.</p>
+ <p>Kompiliert und minimiert CSS und JavaScript, generiert die Dokumentations-Webseite, prüft diese mit dem HTML5-Validator, regeneriert die Hilfsdateien für den Customizer und mehr. Erfordert <a href="http://jekyllrb.com/docs/installation/">Jekyll</a>. Üblicherweise nur notwendig, wenn du an Bootstrap selbst arbeitest und mitentwickelst.</p>
<h2 id="grunt-troubleshooting">Fehlerbehebung</h2>
<p>Falls du beim Installieren von benötigten Paketen oder beim Ausführen von Grunt-Befehlen auf Probleme stößt, lösche zunächst das Verzeichnis <code>/node_modules/</code>, das npm erstellt hat. Führe <code>npm install</code> dann einfach nochmal aus.</p>
@@ -16,7 +16,7 @@ <h1 id="template" class="page-header">Basis-Vorlage</h1>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
- <!-- Unterstützung für Media Queries und HTML5-Elemente im Internet Explorer über HTML5 shim und Respond.js -->
+ <!-- Unterstützung für Media Queries und HTML5-Elemente in IE8 über HTML5 shim und Respond.js -->
<!-- ACHTUNG: Respond.js funktioniert nicht, wenn du die Seite über file:// aufrufst -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
@@ -44,7 +44,7 @@
<!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../assets/js/ie-emulation-modes-warning.js"></script>
-<!-- Unterstützung für Media Queries und HTML5-Elemente im Internet Explorer über HTML5 shim und Respond.js -->
+<!-- Unterstützung für Media Queries und HTML5-Elemente in IE8 über HTML5 shim und Respond.js -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
@@ -3,6 +3,7 @@ <h1 id="alerts" class="page-header">Warnhinweise <small>alert.js</small></h1>
<h2 id="alerts-examples">Beispiel-Warnungen</h2>
<p>Ermögliche mit diesem Plugin das Schließen von allen Warnhinweisen.</p>
+ <p>Wenn du einen <code>.close</code>-Button verwendest, muss dieser das erste untergeordnete Element von <code>.alert-dismissible</code> sein und vor dem Markup darf keinerlei Textinhalt stehen.</p>
<div class="bs-example bs-example-standalone">
<div class="alert alert-warning alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Schließen</span></button>
@@ -36,15 +36,19 @@ <h2 id="buttons-stateful">Aussagekräftig</h2>
<h2 id="buttons-single-toggle">Einzelner Schalter</h2>
<p>Füge <code>data-toggle="button"</code> hinzu, um einen einzelnen Button in einen Schalter zu verwandeln.</p>
<div class="bs-example">
- <button type="button" class="btn btn-primary" data-toggle="button" autocomplete="off">
+ <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
Einzelner Schalter
</button>
</div><!-- /example -->
{% highlight html %}
-<button type="button" class="btn btn-primary" data-toggle="button" autocomplete="off">
+<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
Einzelner Schalter
</button>
{% endhighlight %}
+ <div class="bs-callout bs-callout-warning">
+ <h4>Voreingestellte Buttons benötigen <code>.active</code> und <code>aria-pressed="true"</code></h4>
+ <p>Bei Buttons, die schon als gedrückt markiert sein sollen, musst du die Klasse <code>.active</code> und das Attribut <code>aria-pressed="true"</code> selbst zum <code>button</code> hinzufügen.</p>
+ </div>
<h2 id="buttons-checkbox-radio">Auswahlfelder</h2>
<p>Füge <code>data-toggle="buttons"</code> zu einer <code>.btn-group</code> hinzu, die Ankreuzfelder (Checkboxen) oder Radio-Buttons enthält, um sie zusammen mit ihren jeweiligen Stilen in Schalter zu verwandeln.</p>
@@ -178,6 +178,12 @@ <h2 id="carousel-usage">Verwendung</h2>
<td>true</td>
<td>Bestimmt, ob das Karussell sich immer weiterdrehen oder feste Stopps machen soll.</td>
</tr>
+ <tr>
+ <td>keyboard</td>
+ <td>boolean</td>
+ <td>true</td>
+ <td>Bestimmt, ob das Karussell auf Tastatureingaben reagieren soll.</td>
+ </tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
@@ -31,7 +31,7 @@ <h4 class="panel-title">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="überschriftZwei">
<h4 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseZwei" aria-expanded="true" aria-controls"collapseZwei">
+ <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseZwei" aria-expanded="false" aria-controls"collapseZwei">
Klappbarer Eintrag #2
</a>
</h4>
@@ -45,7 +45,7 @@ <h4 class="panel-title">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="überschriftDrei">
<h4 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseDrei" aria-expanded="true" aria-controls"collapseDrei">
+ <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseDrei" aria-expanded="false" aria-controls"collapseDrei">
Klappbarer Eintrag #3
</a>
</h4>
@@ -77,7 +77,7 @@ <h4 class="panel-title">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="überschriftZwei">
<h4 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseZwei" aria-expanded="true" aria-controls"collapseZwei">
+ <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseZwei" aria-expanded="false" aria-controls"collapseZwei">
Klappbarer Eintrag #2
</a>
</h4>
@@ -91,7 +91,7 @@ <h4 class="panel-title">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="überschriftDrei">
<h4 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseDrei" aria-expanded="true" aria-controls"collapseDrei">
+ <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseDrei" aria-expanded="false" aria-controls"collapseDrei">
Klappbarer Eintrag #3
</a>
</h4>
@@ -105,6 +105,28 @@ <h4 class="panel-title">
</div>
{% endhighlight %}
+ <p>Es ist auch möglich, <code>.panel-body</code>s mit <code>.list-group</code>s auszutauschen.</p>
+
+ <div class="panel-group" role="tablist">
+ <div class="panel panel-default">
+ <div class="panel-heading" role="tab" id="collapseListengruppeÜberschrift1">
+ <h4 class="panel-title">
+ <a class="collapsed" data-toggle="collapse" href="#collapseListengruppe1" aria-expanded="false" aria-controls="collapseListengruppe1">
+ Klappbare Listengruppe
+ </a>
+ </h4>
+ </div>
+ <div id="collapseListengruppe1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListengruppeÜberschrift1">
+ <ul class="list-group">
+ <li class="list-group-item">Bootply</li>
+ <li class="list-group-item">One itmus ac facilin</li>
+ <li class="list-group-item">Second eros</li>
+ </ul>
+ <div class="panel-footer">Footer</div>
+ </div>
+ </div>
+ </div>
+
<p>Du kannst das Plugin auch ohne das Accordion-Markup verwenden. Veranlasse einen Button dazu, ein anderes Element ein- und auszuklappen.</p>
{% highlight html %}
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo" aria-expanded="true" aria-controls="demo">
Oops, something went wrong.

0 comments on commit 7b0584c

Please sign in to comment.