-
Notifications
You must be signed in to change notification settings - Fork 6
/
ueber-bootstrap.html
125 lines (110 loc) · 7.44 KB
/
ueber-bootstrap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
---
layout: default
title: Über Bootstrap
slug: about
lead: "Erfahre mehr über die Geschichte des Projekts, lerne die Hauptteams kennen und finde heraus, wie du die Marke Bootstrap nutzen kannst."
---
<!-- History
================================================== -->
<div class="bs-docs-section">
<h1 id="history" class="page-header">Geschichte</h1>
<p class="lead">Bootstrap wurde ursprünglich von einem Designer und einem Entwickler bei Twitter ins Leben gerufen. Inzwischen ist es zu einem der berühmtesten Front-End-Frameworks und Open-Source-Projekte auf der ganzen Welt geworden.</p>
<p>Bootstrap wurde Mitte 2010 bei Twitter von <a href="https://twitter.com/mdo">@mdo</a> und <a href="https://twitter.com/fat">@fat</a> erstellt. Bevor es zu einem Open-Source-Framework wurde, war Bootstrap als <em>Twitter Blueprint</em> bekannt. Nach einigen Monaten der Entwicklung veranstaltete Twitter die <a href="https://blog.twitter.com/2010/hack-week">erste Hack Week</a> und das Projekt explodierte förmlich, als Entwickler mit den unterschiedlichsten Fähigkeiten anfingen, es zu verwenden, ganz ohne Unterstützung von außen. Nachdem das Projekt für mehr als ein Jahr der Style Guide für die Entwicklung von internen Tools bei dem Unternehmen war, wurde es zum ersten Mal öffentlich gemacht und bleibt Twitter bis heute als Style Guide erhalten.</p>
<p>Zuerst <a href="https://blog.twitter.com/blog/bootstrap-twitter">veröffentlicht</a> am <a href="https://twitter.com/mdo/statuses/104620039650557952"><time datetime="2011-08-19 11:25">Freitag, dem 19. August 2011</time></a>, gab es seitdem <a href="https://github.com/twbs/bootstrap/releases">zwanzig Versionen</a>, darunter zwei große Neufassungen mit v2 und v3. Mit Bootstrap 2 haben wir responsive Fähigkeiten über ein optionales Stylesheet zum ganzen Framework hinzugefügt. Darauf aufbauend wurde mit Bootstrap 3 die gesamte Bibliothek noch einmal umgeschrieben, so dass sie sich jetzt ausgehend von mobilen Geräten standardmäßig der Bildschirmgröße anpasst.</p>
</div>
<!-- Team
================================================== -->
<div class="bs-docs-section">
<h1 id="team" class="page-header">Team</h1>
<p class="lead">Bootstrap wird vom Gründerteam gepflegt, unterstützt von einer kleinen Gruppe von unschätzbaren Hauptbeitragenden und unserer starken, ständig involvierten Community.</p>
<h2 id="team-core">Hauptteam</h2>
<div class="list-group bs-team">
{% for member in site.data.team %}
<div class="list-group-item">
<a class="team-member" href="https://github.com/{{ member.user }}">
<img src="https://github.com/{{ member.user }}.png?s=64" alt="@{{ member.user }} avatar" width="32" height="32">
<strong>{{ member.name }}</strong> <small>@{{ member.user }}</small>
</a>
</div>
{% endfor %}
</div>
<p>Hilf bei der Entwicklung von Bootstrap mit, indem du uns <a href="https://github.com/twbs/bootstrap/issues/new">Fehler meldest oder Vorschläge machst</a> oder über einen Pull Request direkt deine eigenen Beiträge einreichst. Lies dir vorher unsere <a href="https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md">Richtlinien für Beiträge</a> durch, um mehr darüber zu erfahren, wie wir arbeiten.</p>
<h2 id="team-sass">Sass-Team</h2>
<div class="list-group bs-team">
{% for member in site.data.sass-team %}
<div class="list-group-item">
<a class="team-member" href="https://github.com/{{ member.user }}">
<img src="https://github.com/{{ member.user }}.png?s=64" alt="@{{ member.user }} avatar" width="32" height="32">
<strong>{{ member.name }}</strong> <small>@{{ member.user }}</small>
</a>
</div>
{% endfor %}
</div>
<p>Der <a href="{{ site.sass_repo }}">offizielle Sass-Port von Bootstrap</a> wurde von diesem Team erstellt und wird weiterhin von ihm gepflegt. Seit v3.1.0 ist er ein Teil von Bootstraps Organisation. Lies dir für mehr Informationen über die Entwicklung des Sass-Ports die zugehörigen <a href="https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md">Beitragsrichtlinien</a> durch.</p>
</div>
<!-- Brand
================================================== -->
<div class="bs-docs-section">
<h1 id="brand" class="page-header">Marken-Richtlinien</h1>
<p class="lead">Du willst Bootstraps Markenzeichen verwenden? Großartig! Wir haben nur ein paar Richtlinien, denen wir folgen und bitten dich, es uns nachzutun. Diese Richtlinien wurden inspiriert von den <a href="https://mailchimp.com/about/brand-assets/" rel="noopener" target="_blank">Brand Assets</a> von MailChimp.</p>
<h2>Marke und Logo</h2>
<p>Du solltest entweder Bootstraps Marke, ein großgeschriebenes <strong>B</strong>, oder das Standard-Logo (das Wort <strong>Bootstrap</strong>) verwenden. Die Schriftart sollte immer Helvetica Neue Bold sein. <strong>Nutze niemals den Twitter-Vogel</strong> in Verbindung mit Bootstrap.</p>
<div class="bs-brand-logos">
<div class="bs-brand-item">
<div class="bs-docs-booticon bs-docs-booticon-lg">B</div>
</div>
<div class="bs-brand-item inverse">
<div class="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-inverse">B</div>
</div>
</div>
<div class="bs-brand-logos">
<div class="bs-brand-item">
<h1>Bootstrap</h1>
</div>
<div class="bs-brand-item inverse">
<h1>Bootstrap</h1>
</div>
</div>
<h2>Logo herunterladen</h2>
<p>Lade das Bootstrap-Logo in einem von drei Stilen herunter, jeweils als SVG-Datei. Rechts klicken, dann Speichern als….</p>
<div class="bs-brand-logos">
<div class="bs-brand-item">
<img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144">
</div>
<div class="bs-brand-item inverse">
<img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144">
</div>
<div class="bs-brand-item inverse">
<img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-punchout.svg" alt="Bootstrap" width="144" height="144">
</div>
</div>
<h2>Name</h2>
<p>Das Projekt und das Framework sollten immmer <strong>Bootstrap</strong> genannt werden. Nicht Twitter davor, kein großgeschriebenes <em>s</em> und keine Abkürzungen, außer einer, dem großen <strong>B</strong>.</p>
<div class="bs-brand-logos">
<div class="bs-brand-item">
<h3>Bootstrap</h3>
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
<span class="sr-only">(richtig)</span>
</div>
<div class="bs-brand-item">
<h3 class="text-muted">BootStrap</h3>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
<span class="sr-only">(falsch)</span>
</div>
<div class="bs-brand-item">
<h3 class="text-muted">Twitter Bootstrap</h3>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
<span class="sr-only">(falsch)</span>
</div>
</div>
<h2>Farben</h2>
<p>Die Dokumentation und unsere Markenzeichen nutzen eine Reihe von primären Farben, um zu unterscheiden, was Bootstrap <em>ist</em> und was <em>in</em> Bootstrap ist. In anderen Worten: falls es lila ist, steht es für Bootstrap.</p>
<div class="bs-brand">
<div class="color-swatches">
<div class="color-swatch bs-purple"></div>
<div class="color-swatch bs-purple-light"></div>
<div class="color-swatch bs-purple-lighter"></div>
<div class="color-swatch bs-gray"></div>
</div>
</div>
</div>