Der komplette Bootstrap Master Kurs - 4 Projekte erstellen! | Joe Parys | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Der komplette Bootstrap Master Kurs - 4 Projekte erstellen!

teacher avatar Joe Parys, Online Instructor | www.joeparys.com

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

69 Einheiten (6 Std. 55 Min.)
    • 1. 0 Bootstrap Master Class Promotion-Video

      1:22
    • 2. 1 Kursteilnehmer: Eine Einführung in Bootstrap und unser Master Class Kurs

      2:40
    • 3. 2 REN Bootstrap und jQuery CDN (1)

      7:22
    • 4. 3 Herunterladen und Installieren von Bootstrap (1)

      4:35
    • 5. 3.5 Mobile zuerst

      3:50
    • 6. 4 REN Wie Boostrap funktioniert (1)

      2:09
    • 7. 5 REN Container (1)

      2:22
    • 8. 6 REN Raster System (1)

      6:17
    • 9. 7 Textstile (1)

      7:01
    • 10. 8 REN Mehr zu Textstilen (1)

      10:11
    • 11. 9 Bootstrap Tabellen (1)

      7:28
    • 12. 10 Bootstrap Bilder (1)

      2:20
    • 13. 11 Bootstrap Buttons

      3:55
    • 14. 12 Knopfgruppe

      3:39
    • 15. 13 REN DropDown Menü

      6:39
    • 16. 14 Bootstrap Glyphicon

      6:05
    • 17. 15 Jumbotron und Seitenüberschrift

      3:02
    • 18. 16 Bootstrap Wells

      1:49
    • 19. 17 Bootstrap Alert

      4:48
    • 20. 18 N REN Bootstrap Abzeichen und Etiketten

      4:18
    • 21. 19 REN Bootstrap Panel

      4:16
    • 22. 20 zusammenklappbar

      5:30
    • 23. 21 Panel zusammenklappbar

      3:07
    • 24. 22 Liste Gruppe

      8:01
    • 25. 23 zusammenklappbares Gruppenfeld

      12:19
    • 26. 24 Bootstrap Tabs

      5:50
    • 27. 25 Bootstrap Pillen

      5:17
    • 28. 26 Bootstrap dynamische Tabs und Pillen

      4:57
    • 29. 27 Bootstrap Pager und Pagination

      5:07
    • 30. 28 Bootstrap Navbar

      9:10
    • 31. 29 Bootstrap Form (1)

      9:39
    • 32. 30 Bootstrap Form-Elemente (1)

      10:50
    • 33. 31 Bootstrap Formelement 2 (1)

      3:35
    • 34. 32 Bootstrap Form Validierung Stil (1)

      5:33
    • 35. 33 REN Bootstrap Modale (1)

      6:47
    • 36. 34 Bootstrap Karussell

      10:04
    • 37. 35 Bootstrap Karussell mit Untertitel

      3:10
    • 38. 36 Bootstrap ScrollSpy

      9:49
    • 39. 37 Bootstrap Tooltip

      5:46
    • 40. 38 Bootstrap PopOver

      5:10
    • 41. 39 Navigation und erste Sektion erstellen

      9:34
    • 42. 40 Meine Arbeitsseite erstellen

      5:43
    • 43. 41 Erstellen von Informationen

      8:10
    • 44. 42 Kontaktfläche erstellen

      6:19
    • 45. 43 Navbar erstellen

      4:15
    • 46. 44 Carousel erstellen

      7:21
    • 47. 45 Miniaturansichten erstellen

      6:23
    • 48. 46 Footer erstellen

      2:13
    • 49. 47 Modal erstellen

      8:25
    • 50. 48 REN Galerie mit dem LightBox erstellen

      11:02
    • 51. 49 Untertitel in die LightBox Galerie hinzufügen

      1:51
    • 52. 50 HTML-Syntax erstellen (1)

      3:33
    • 53. 51 Creaing Navbar und Bootstrap anpassen (1)

      8:47
    • 54. 52 Header und Suchleiste erstellen (1)

      12:37
    • 55. 53 Posts erstellen (1)

      15:57
    • 56. 54 Footer erstellen (1)

      5:07
    • 57. 55 Posts erstellen (1)

      4:24
    • 58. 56 Über die Seite erstellen (1)

      4:49
    • 59. 57 HTML-Syntax und Navbar erstellen

      7:24
    • 60. 58 Karussell erstellen

      7:56
    • 61. 59 Untertitel in Karussell hinzufügen

      3:40
    • 62. 60 Erstellen von Beiseite und Produktbereich

      8:45
    • 63. 61 Erholung der beiseite Bereich mit neuen Stil

      7:17
    • 64. 62 Produktseite erstellen

      12:49
    • 65. 63 Erstellen eines verwandten Suchbereichs

      2:39
    • 66. 64 Modales Formular erstellen

      5:10
    • 67. 65 Bestellformular erstellen

      5:15
    • 68. 66 Boostrap Fazit

      0:49
    • 69. Skillshare Feedback Video

      0:47
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

1.245

Teilnehmer:innen

1

Projekt

Über diesen Kurs

Willkommen in der kompletten Bootstrap Masterclass - 4 Projekte erstellen

⇉ Sieh dir das Promo Video an, um zu sehen, wie du mit dem Mastering von Bootstrap beginnen kannst, um dir die nächste professionelle Website zu erstellen!

⇉ Dieser Kurs ist großartig! Du erhältst mehr als 7 Stunden an Videoinhalten und mehr als 60 Vorträge!

⇉ Join mehr als 100.000 Studenten die in meinem urlauben Kurs in diesem Jahr angemeldet sind!

⇉ 2500 + Fünf-Sterne-Bewertungen zeigt Studenten, die sich für die Anmeldung entscheiden, echte Ergebnisse erzielen!

"Der Kurs ist "Complete erklärt... Nachdem ich so viele Kurse in Udemy gesucht habe, hat mir dieser Kurs das komplette Bootstrap beigebracht und es ist für Anfänger geeignet, sich zu entwickeln... Vielen Dank für die Einreichung einer Bearbeitung..."

"Dies war einer der besten Kurse, die ich je beigetreten bin" -Tariq Alkhassa

__________________________________________________________________________

Lerne die grundlegenden Konzepte, Werkzeuge und Funktionen, die du brauchst, um schöne, voll funktionale und professionelle Landingpages im bootstrap zu erstellen. Aber das ist nicht alles, was du in unserem Kurs lernen wirst...

Du lernst:

  • Bootstrap-Komponenten
  • Rastersystem
  • Bootstrap anpassen
  • Glyphicon Symbole
  • So viel mehr!

Dieser Kurs hilft dir, eine perfekte bootstrap Landing-Seite für deine App, dein Geschäft, dein Portfolio oder dein Blog zu erstellen. Ein wenig Kenntnisse in HTML und CSS ist ideal, um dich auf dem schnelleren Weg zum Bootstrap zu beginnen, aber es ist nicht unbedingt erforderlich. Ich werde dich durch jeden Code führen, um sicherzustellen, dass du das richtige Verständnis und die richtigen Tools hast, um dein Lernen zu verbessern, nachdem du den Kurs abgeschlossen hast.

Du wirst nicht nur eine saubere, moderne und professionelle bootstrap erstellen, sondern auch scroll Animation und Google Webfonts hinzufügen, um sicherzustellen, dass deine Website von der Masse absteht. Wir beginnen damit, die Grundlagen des Bootstrap, wie es funktioniert und wie es implementiert wird. Wir decken die berühmten Netzsysteme und Medienabfragen ab, damit deine neue Seite auf allen Geräten am besten aussieht.

Du lernst durcheinander, was dir dabei helfen wird, alle Aspekte des Bootstrap zu verstehen und dir die Werkzeuge zur Verfügung zu stellen, um unsere Vorlage neu zu gestalten oder eine ganz neue Landing-Seite speziell zu erstellen, wie du es möchtest. Du kannst Projektdateien während des gesamten Kurses herunterladen, die dir stehen und in deiner Freizeit

__________________________________________________________________________

Mit der richtigen Denkweise, dem Verständnis und der Anwendung der Lehren in diesem Kurs fängst du sofort an, Bootstrap zu meistern um dich heute noch die nächsten professionellen Websites zu erstellen!

Wenn wir etwas Neues lernen, füge ich es dem Kurs hinzu - ohne zusätzliche Kosten für dich! Dies ist ein Kurs, der immer mehr in jedem Aspekt deines Lebens einfügen wird.

__________________________________________________________________________

Was ich in diesem Kurs nicht tun kann..

Ich kann deinen Erfolg nicht garantieren. Dieser Kurs nimmt an deiner Stelle auf. Aber du kannst es machen!

Ich bin auch nicht verantwortlich für deine Handlungen. Du bist verantwortlich für 100% der Entscheidungen und Handlungen, die du während der Benutzung dieses Kurses triffst.

__________________________________________________________________________

Dieser Kurs bleibt nicht für immer dieser Preis! Es ist Zeit, Maßnahmen zu ergreifen!

Klicke jetzt ganz oben auf den "Kurs nehmen"!

...jede Stunde kostet dir Geld...

Bis in den Kurs

Mit freundlichen Grüßen,

Joe Parys & Shahzaib Kamal

Triff deine:n Kursleiter:in

Teacher Profile Image

Joe Parys

Online Instructor | www.joeparys.com

Kursleiter:in

Why are 1,000,000+ students enrolled in my online courses? 

1) I teach with passion and purpose! Every course is delivered with my students in mind.

2) Our courses will help you achieve real results and change your life today!

3) Our dedication to teaching online. Joe Parys has been named one of the top instructors in the world

► Try enrolling in a course with me and see for yourself! ◄

__________________________________________________________________________

Want to create your own life by design?

Or maybe learn how to earn thousands Teaching Online Video Courses Full Time from Your Laptop?

Then Enroll in my Skillshare Courses Today! You too can be doing this - and so much more!... Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. 0 Bootstrap Master Class Promotion-Video: Möchten Sie Ihre ganz eigenen schönen interaktiven Websites mit Bootstrap erstellen? Nun, dann ist dieser Kurs für Sie. Hallo, Mein Name ist Joe Paris und ich bin der Gründer der Joe Paris Academy. Ich betreue jetzt mehr als 100.000 einzigartige Studenten zusammen. Zusammenarbeit mit Shazia Kamal, Wir werden Sie vom absoluten Anfänger mit Bootstrap nehmen und Ihnen zeigen, wie Sie vier erstaunliche Projekte im Rahmen bauen . Wir beginnen mit allen Grundlagen, zeigen Ihnen, wie Sie den Bootstrap herunterladen und installieren, damit Sie sofort loslegen können. Nachdem Sie die Grundlagen gelernt haben, werden Sie lernen, wie Sie vier einzigartige Projekte in Bootstrap-Weise erstellen. Zeigen Sie, wie Sie ein Portfolio erstellen. Verwenden Sie professionelle Fotos in unseren Fotoprojekten. Wir zeigen Ihnen dann, wie Sie ein Blawg-Projekt und sogar ein grundlegendes E-Commerce-Website-Projekt erstellen . Aber das ist nicht alles, was Sie gewinnen, wenn Sie sich für diesen Kurs anmelden. Wir glauben, dass der beste Weg zu lernen ist, dass unser Kurs sehr interaktiv ist. Es hat mehr als sieben Stunden Video-Tutorial, Quiz und spezifische Projekte in jedem Abschnitt. Also, worauf wartest du? Dieses Angebot wird nicht ewig dauern. Gehen Sie weiter und klicken Sie darauf. Nehmen Sie diesen Kurs jetzt, Button und wir werden Sie im Kurs sehen. Nochmals vielen Dank für die Anmeldung. 2. 1 Kursteilnehmer: Eine Einführung in Bootstrap und unser Master Class Kurs: Hallo, alle. Und willkommen zum kompletten Bootstrap-Masterclass-Kurs, Build vier Projekte. Mein Name ist Joe Paris, und ich bin der Hauptlehrer hier in diesem Kurs. Aber Shazia Kamal wird dir alles beibringen, was du über Bootstrap wissen musst. Und er ist ein erfahrener Webentwickler. Er und ich haben tatsächlich mehrere Kurse zusammen erstellt. Und er wird Ihnen zeigen, wie Sie Bootstrap verwenden, um Ihre Websites wirklich zu verbessern, um Landing Pages zu erstellen und wirklich, wissen Sie, wenn Sie eine Anwendung haben, Sie möchten, dass Dinge zu tun Bootstrap ist wirklich gehen helfen Ihnen dabei, und Shah Zee wird Ihnen genau zeigen, wie Sie das tun. Also, was genau wirst du aus diesem Kurs rausbekommen? Nun, Bootstrap ist ein HTML-CSS und JavaScript-Framework. Sie werden also sein, wenn Sie etwas Erfahrung mit HTML, CSS und JavaScript haben , dann wird dieser Kurs Ihnen wirklich helfen, Ihre Web-Entwicklung in gewissem Sinne zu verbessern und Ihnen auch ein paar weitere Werkzeuge im Toolgürtel zu verwenden, wenn es kommt, um Ihre eigene Website zu tun oder Teile der Website zu tun, und wir gehen in diese Dinge. Vier Projekte. Das erste Projekt, das wir Sie durchführen werden, ist ein Portfolio-Projekt. Dies ist großartig für Unternehmen. Wenn Sie Ihren Namen setzen wollen und Sie alle diese verschiedenen Arten von Sachen in einem Portfolio-Projekt kennen , zeigt Shazia Ihnen genau, wie das geht. Wir haben dann ein Fotoprojekt, und Bilder sind heute riesig, wenn es darum geht, Dinge im Web zu tun und vieles mehr. So Bilder zu haben ist absolut entscheidend für Ihren Erfolg bei der Entwicklung von Websites, Landing Pages, aps so viel mehr. Wir haben dann ein Blawg-Projekt. Also, wenn Sie ein Blogger sind oder Sie Ihren Blog aktualisieren möchten oder sogar Sie können einige dieser Dinge für Ihre eigene Website verwenden , wenn das für Sie interessant ist. Wir haben hier einen ganzen Abschnitt darüber, wie Sie Bootstrap für Ihre Blawg verwenden, und dann runden wir die Dinge ab und beenden mit einem E-Commerce-Teil und ein E-Commerce ist es ein Online-Shop. Also, wenn Sie möchten, verkaufen T-Shirts oder kleine Schmuckstücke oder solche Dinge, uh, Shazia zeigt Ihnen, wie Sie Bootstrap verwenden, um wirklich in der Lage zu sein, diese tollen Dinge für Ihre Website Landing Pages zu tun , um Ihre Produkte zu verkaufen. Das sind also die Dinge, die du in unserem Kurs lernen wirst. Und wir können es kaum erwarten, dich zu belehren. Also nochmals vielen Dank für die Anmeldung. Wenn Sie Fragen zu jeder Zeit haben, zögern Sie nicht, sie zu posten. Und wenn Sie den Kurs wirklich genossen haben, freuen wir uns auch sehr über Ihre positiven Bewertungen und danken Ihnen nochmals für Ihre Anmeldung, und ich lasse Shazia die Dinge wegnehmen und wir sehen uns in unserem nächsten Vortrag. 3. 2 REN Bootstrap und jQuery CDN (1): Hallo, alle. Also in diesem Klassenzimmer wird lernen, dass Wie kannst du den Bootstrap runter und wie man daran arbeitet ? Also, zuerst, zuerst öffnen Sie einfach die Website des Bootstrap, die Bootstraping-Ergebnis erhalten wird. Wissen Sie, wir haben die Website hier. Sie können sehen, dass Bootstrap das beliebteste, tatsächlich mobile CSS und Jays Framework für die Entwicklung von responsive in mobilen Host-Produkten im Web ist . Also, übrigens, hier können Sie so etwas wie volle Funktionen ein Framework und Pre-Prozessoren sehen. Sie werden übrigens die, ähm , Sassen weniger , Sassen wenigerbenutzen. Also werde ich einfach auf den Download klicken. Bootstrap. Aber wenn ich gerade darauf klicke, bin ich im bezahlten Download. Bootstrap derzeit kriechen Kauf 3.5. Haben Sie ein paar, hat ein paar einfache Möglichkeiten, um schnell loszulegen. So können Sie sehen, dass der Bootstrap Bootstrap-Button herunterladen, und dann gibt es einen CDN. So lernen wir, wie man den Syrer ohne Download benutzt. Also kopieren Sie jetzt einfach alle diese Zeilen. Ok, die 1. 1, die ich gerade kläre. Die 1. 1 ist das Link-Link-Tag, was bedeutet, dass es die Bootstrapped in CSS-Datei hat. Und das ist eine Bootstrap-Js-Datei. Die beiden eingereicht. Wir müssen kopieren, um den Boot-Rap und die mittlere Datei auszuführen. Das Bootstrap-Team, dass Minda Js eigentlich das optionale Team ist. Sie können dort sehen. Nun, sie werden das nicht im Kurs verwenden, aber ich lade nur herunter, weil sie nur einen Deveined geben, den Sie herunterladen. Also geh einfach, um eingereicht zu werden. Ich habe gerade geöffnet. Ich habe gerade den Bootstrap-Ordner gespeichert. Und hier der Bootstrap-Ordner. Oh, das Buch, das sie jetzt haben, sie sind die nächsten sind eigentlich mehr, die für Hier ist die Akte gearbeitet haben. Also vor allem, nur die erstellen Sie die grundlegende HD-Bewegung. Ähm, der grundlegende Centex von ihrem Team, du und dann vom Beute Tag. All diese Dinge sind notwendig, weißt du? Dann gehen Sie einfach zu benehmen Tag und in den Haar-Taggern setzen Sie den Titeltrack zuerst. Ok. Und nach dem Titel-Tag bin ich deprimierend. Zwischenzeitlich. Da ist diese Akte hier. All diese Dateien, die Längendatei Umgang, Relations Stylesheets, die beiden Out-of-Link Dateien und der Turban in der Skriptdatei. Nun, eine Sache, die das Sie löschen wird, dass es nicht funktionieren wird speziell das Skript eine Schurke. Eigentlich ist der Bootstrap okay und das Team ist okay. Nun, ich werde dieses Team gerade jetzt löschen, weil ich nur glaube, dass das übrigens nicht benutzt wird . Und was ist das ist ein Schnell-Tag. Es hat den Bootstrap. Dieses Fenster bedeutet nur eine Art von JavaScript-Dateien. Aber das Problem ist, dass diese Datei die Minda jeez die d eine Abfrage benötigt, die JS-Datei. Okay, wenn Sie also nur mit der Bootstrap-Js-Datei arbeiten möchten, müssen Sie die Boots herunterladen. Jake müde. Aber was ist der Unterschied zwischen diesen Dateien und warum sie zwei Dateien anstelle einer einzigen platziert haben ? Weil es viele Aktionen gibt, die tatsächlich auf der J Query passieren können. Zum Beispiel, die Cody im zusammenklappbaren und die anderen Dinge wie das. Die animierten Dinge, die nur im Bootstrap in der Gefängnisabfrage passiert werden können, aber jetzt können wir im Bootstrap mit dem Colossus Savini die Taquerias tun. Nun, gehen wir wieder zum Bruder. Und drücken Sie Interesse Geschichte klicken Sie auf den Plus-Button und diese Art von Abfrage dot com Vertrauen in jetzt und es wird auf die G schnell Website gehen. Okay, also für das G, schnell, schnell, lasst uns einfach auf die Dschungel J-Abfrage klicken. Okay, Jake, müde in der Schule ist eine wirklich interessante und wichtige Wunden zu entwickeln, um zu vertrauen, was Seiten. So gibt es die beiden oberen Versionen. Sie können sehen, dass Bäckerei 11 Punkt X und jiggly zu Phonics. Ich gehe nur zu dem einen Punkt X, weil es die Es ist wirklich perfekt für mich auch. Übrigens gibt es zwei Versionen in der einen Torte. Als nächstes sehen Sie den Download, die komprimierte Produktion, den Anfrage-Downer, die UN-komprimierte Entwicklungsanfrage. Ich klicke nur auf den Download umfasste Produktion Jay Query hier. Nun, das ist die jiggly komprimierte Produktion, die eigentlich keine Praktikanten, keine Zeilenumbrüche und keinen Platz hat , eigentlich keinen zusätzlichen Platz . Aber wenn ich einfach auf den Download klicken die unkomprimierte und Entwicklung J schnell jetzt können Sie sehen, dass es hat Der Raum ist Länge Ziegel und eigentlich die schöne Syntex Looking easy, Aber definitiv werden wir nichts in der Jaqui, dass James Datei tun, also wird es perfekt sein, weil wir keine Aktion innerhalb der Datei machen werden. Also lassen Sie uns das kopieren oder das Bessere ist genau richtig. Klicken Sie auf den Download Die zusammengestellte Produktion und klicken Sie auf Speichern Link. Wie jetzt sind wir, um die Datei zu nehmen, die ist, gehen Sie auf den Goldstreifen voll oder und hier ist das DJ Anfrage 1.11 Punkt drei Punkt Minda Js Datei So können wir auf dem Speichern kochen. Die andere Sache ist, lassen Sie uns runtergehen. Und jetzt können Sie sehen, dass Jaquilla mit einem CDN benutzt wird, wenn Sie sich daran erinnern, dass das hier die Syrer vom Bootstrap sind, der Max Syrer, diese die Syrer vom Bootstrap sind, der Max Syrer, Bootstrap-Stadt. Und das kannst du sehen. Okay, hier in dieser Klasse mache ich wieder dasselbe. Ich kopiere das nur, okay? Das Script-Tag von den Stiefeln ist mit dem Syrer hier eingewickelt. Ich kopiere das einfach und füge es dort ein, hier mit in Begriffen kurz bevor die Stiefel mich in die Jays eingewickelt haben. Okay, das ist wirklich wichtig, die Jaquilla-Datei vor dem Boot-Wrap zu setzen Das bedeutet, dass JS-Datei ? Also, jetzt wenden wir einfach den Bootstrap vollständig an. Das letzte, was über die Anwendung der Bootstraps in Europa Hilfe ist, dass diese Vater nicht notwendig auf Manny Dinge sind viele tatsächlich Features des Bootstrap, aber in einigen Funktionen, diese sind wirklich wichtig. Aber für die meisten Funktionen des Bootstrap müssen wir die Stiefel für die Bäckereidatei und die Bootstrap-Js-Datei nicht anwenden. By the way, dies ist die Zeit, um zu testen, dass wir die Bootstrap perfekt bekannt aus dieser Eingabe Dave Haar liefern Okay, es innerhalb der Verteidiger tippen Hallo oder ich bin nur setzen die h ein Tag und Hand tippt Hallo, speichern und nur ein Doppelklick auf die Datei indiziert oder HTML und ich gehe nur in Ich schließe diese Datei schließen und diese Datei schließen durch die Dies ist die Hauptdatei von mir. Es gibt einen Text. Hallo. Sie können sehen, dass es viele Änderungen von der einfachen hat. Das ist ein Tag, weil wir keine Art von CSS angewendet haben. Aber die Stiefel sind eingewickelt. Aber die andere Sache ist, wenn ich nur Art von Kolosse A Dies ist eine Möglichkeit, an dem Bootstrap zu arbeiten. Jumbotron hat das gerettet und zum Bruder gehen und das jetzt wieder auffrischen, es braucht wenig Zeit, weil Sie wissen, dass wir den Bootstrap durch die Syrer liefern Mittel auf Löwe Go dorthin. Du weißt, dass du dieses große Durcheinander sehen kannst, krähende Haar gerade hinten dran dran kräht. Hallo, SMS. Jetzt wird das Jumbotron genannt, und das Ganze wird Bootstrap genannt. Warum das hier kam, liegt an dem Bootstrap. Also hoffe ich, interessiert. Der Bootstrap. Wir werden noch ein paar Dinge lernen. Die nächste Klasse. Bleiben Sie dran und gut. 4. 3 Herunterladen und Installieren von Bootstrap (1): Hallo, alle. Dies ist eine andere Klasse von den Stiefeln für up. Also hier in dieser Klasse werde ich dir nur beibringen, den Bootstrap herunterzuladen, anstatt seinen Syrer zu benutzen. Warum? Weil Sie wissen, dass sich der Syrer Zeit braucht, um die Seite ein wenig zu öffnen. Also lade ich einfach den Bootstrap direkt herunter. Hier. Lassen Sie uns auf den Download Boots für up klicken, und dann nur, anstatt dieses Bootstrap zu kopieren, sehen Sie das Ende, das tatsächlich gezeigt Karte. Klicken wir einfach auf den Download. Bootstrap geschlossen, dass jetzt herunterladen. Bootstrap. Ich habe gerade auf das Bootstrap-Haar geklickt. Jetzt können Sie sehen, dass der Link speichern als Variable Sie nur speichern möchten. Ich klicke nur auf den Desktop. Und hier ist der Ordner der Bootstrap, und ich füge nur die Datei Bootstrapped Groupon Groupon fünf verteilbaren Punkt zip ein. Klicken wir nun auf den Start-Download. Es ist es heruntergeladen worden. Lassen Sie uns auf schließen klicken. Jetzt wissen Sie, dass wir auch die J-Abfrage herunterladen müssen. Einige klicken einfach auf die jaquilla dot com Website. Und hier bekomme ich gerade die Webseite der G Aquarius ville. Es geht um zwei, die jetzt geöffnet werden. Sie können das sehen. Was ist Jaqui Jaqui? Das erste kleine ncdc. Klicken wir auf den Download. Jake müde. Und jetzt, anstatt sein cdn zu kopieren. Wie Sie wissen, klicke ich einfach direkt auf den Download, die komprimierte Produktion, die Anfrage. Klicken Sie einfach auf den gleichen Lincoln. Und dann geht es zum Bootstrapping hier. Dieser Ort, diese Akte. Okay, wir haben DJ einfach schnell platziert, und wir haben gerade auch den Bootstrap heruntergeladen. Also gehe ich einfach in den Bootstrap-Ordner. Es gibt eine traditionelle Indexdatei, und es gibt eine Bootstrap-Datei. Klicken wir einfach auf den Extrakt. Alle Yep. Klicken Sie auf Weiter. Nein, es extrahiert. Schließen Sie das. Und da ist der Hauptordner. Zuerst außerhalb der Insel, einschließlich des Zip-Ordners. Okay. Und da ist der Ordner vom Bootstrap. Also tu nichts. Geh einfach wieder rein und kopiere das alles oder schneide das CSF, Jason. Telefone. Alle drei Ordner. Okay, lassen Sie uns das schneiden. Geh zurück. Geh mehr zurück. Und hier, wo Sie einfach Ihren Index traditionellen Feuer so platzieren. Platzieren Sie die Bootstrap-Dateien und löschen Sie jetzt einfach diesen Empathy-Ordner. Diese Dateien sind die Bootstrap eingereicht, wenn es durch die Bootstraps geht hier sagt, dass wir sehen können, dass die Bootstraps hier sagt, dass es bedeutet, dass das Dies ist die UN komprimierte Version, die 1. 1 und das ist die wichtigste ified und komprimierte Version der Stiefel Rapid und sehen, dass es einen kleinen Unterschied zwischen diesen Größen. Also, übrigens, das ist das Bootstrap-Team, und die Stiefel sind die gleichen. Ich gehe einfach in den Jays-Ordner. Jetzt können Sie sehen, dass Bootstrap und Bootstrap Minda Tage, und hier ist ein Telefonordner. Ich werde das tun. Wie können Sie den Forint, diese spezifischen Bootstrapped Cliff Aikens gefunden, wo wir eine Menge Geld haben, ich werde nur mit Ihnen umgehen. Also übrigens, lassen Sie uns den Namen aus der J Abfragedatei hier sehen. Sie können sehen, dass es eine Menge von großen Namen, ein wenig große Namen von nur entfernen die alle zusätzlichen Mäntel und nur deejay Querida Jay . Nehmen Sie einfach diese Datei auf und fügen Sie sie in den Jays-Ordner ein. Jetzt gehen Sie einfach zum Notizblock und was ich gerade tun werde, um diese ein Skript zu entfernen oder anstatt zu entfernen, lassen Sie einfach die Längen entfernen, Okay, Okay, geben Sie einfach direkt CSS-Ordner ein, weil Sie wissen, dass das CSS Fuller ist das Haar ist der Bootstrap. So jetzt erfasst Ordner befindet sich im gleichen Pfad des Index traditionellen, so CSS-Schrägstrich Bootstrap Punkt CIA sagt Gespeichert das. Gehen Sie nach unten und lassen Sie uns alle Dinge vom J zittern und geben Sie einfach Js flash jake willie dot jay die Datei ein, die ich gerade in die J s vor ein wenig eingefügt habe. Entfernen Sie diesen Code erneut und Eingabe von CSS blinkt oder nicht, um zu sehen, bewerten Sie den Js Schrägstrich Boot Strap Punkt Js gespeichert, dass Go to the browser and legends Refresher Projekt. Du hast immer noch die gleichen Sachen. Das bedeutet, dass Sie nur wirklich den Bootstrap angewendet haben, die herunterladbare Version von Boot-Trap. Die Zeit ist also, die Dateien zu schließen und alles ist in Ordnung. Wir haben gerade ein paar Dinge in der nächsten Klasse gelernt, also bleib dran und verabschiede dich 5. 3.5 Mobile zuerst: Willkommen zurück, alle. Also hier. - Warum? Ich treffe gerade diese Klasse, weil ich dir nur etwas über den Boot-Rap über das Gerät klären möchte , das den Bootstrap auswählt, wie würde der Bootstrap das Gerät texten? Da einige Leute fragen, dass der Bootstrap nicht zuerst mobil ist oder tatsächlich, einige meiner Schüler im Kurs fragen, dass ich einfach nicht in der Nähe von konvertierbarem Produkt in einem mobilen ersten Typ gemacht habe. Okay, im Grunde ist Bootstrap das beliebteste HTML und CSS und das Jays-Framework für die Entwicklung von responsive in mobilen ersten Projekten im Web. Dies ist ein Schlüssel des Bootstrap. Genau. Der Bootstrap für die Bewegung für sein Projekt entworfen. Und aber wie? Wir können klarstellen, dass unser Produkt mobil ist für immer noch dorthin gehen. Du denkst, wenn du einfach runtergehst, dann kannst du das sehen, das für jeden überall entworfen wurde. Es scheint, dass jeder dies mit vielen Pre-Prozessoren verwenden kann. Aber hier, ein Framework, jedes Gerät. Bootstrap, einfach und effizient. Fertigen Sie Ihre Websites und Anwendungen mit einer einzigen Codebasis, von Lebensmitteln bis Tablet, zwei Desktops mit CSS-Medienabfragen. Okay, also im Grunde, wir brauchen einfach nichts oder einen anderen Boden für das mobile vierte Gerät für die mobilen Geräte oder für die Tablets oder für die Laptops zu schaffen . Sie müssen nur den Bootstrap codieren. Es wählt automatisch den Text aus. Die spezifische Medienabfrage entsprechend dem Gerät. Zum Beispiel, wenn Sie nur das Projekt in Ihrem Handy öffnen, als Sie kämpfen werden, werden Sie sehen, dass die Website in der Zeit des mobilen Designs geöffnet wird. Okay, eigentlich wird es die Medienabfrage für die Telefone auswählen. Alle Murmeln automatisch. Ok. Wenn Sie Ihr Projekt einfach auf dem Tablet öffnen, wird die Tablet-Tablet-Vorlage oder die Tablets ausgewählt. Medienabfrage. Und wenn Sie es einfach in einem PC öffnen. Nun gibt es eine andere Sache, die welche Art von PC, Ihre Eröffnung oder die al City? Deine Eröffnung. Sie können den Laptop öffnen. Sie können den Esquire Top PC öffnen. Sie können den Breitbildschirm öffnen. Also ich max, es ist wirklich anders in all den verschiedenen Arten von für Geräte. Deshalb ist es automatisch das Handy. Viertens, wir brauchen einfach nicht, etwas zu schaffen, vor allem für das Handy oder für das Tablet oder für die, Sie wissen, verschiedene Geräte im Grunde einige off einige off. Die Schüler bitten darum. Also habe ich gerade dieses Video gemacht, um zu klären, dass wir eigentlich nicht brauchen, um Bootstrap für die Mobil's oder für die verschiedenen Arten von Dingen zu entwerfen . Es ist automatisch die Responsive Exakt. Zum Beispiel, wenn ich nur diese Website, die Bootstraps-Website, minimiere , dann können Sie sehen, dass sie automatisch konvertiert. Jetzt können Sie sehen, dass der Pre-Prozessor jeder D. C. Jetzt können Sie sehen, dass die weniger und bewertet automatisch wächst. Okay, und hier ist es jetzt automatisch, wenn es von der Tippen Zehe eine PC-Gerätegröße verschiebt. Sie können sehen, dass jetzt alle diese drei Elemente in einer einzigen Zeile sind. Nein, wenn ich gerade umgezogen bin, tu das. Jetzt können Sie sehen, dass es suspendiert wird. Jetzt ist seine Größe mawr größer geworden. Jetzt ist es immer wieder gut, das ist meine Unterbeschichtung. Übrigens können Sie sehen, dass es sich perfekt mit der Basis bewegt. Jetzt können Sie sehen, dass hier sind die rund fünf Projekte, aber jetzt ist es noch fünf ist noch fünf. Aber jetzt, wo sind die nur zwei Produkte des Projekts? Irgendetwas wird ihn nennen, und wenn ich nur verdammt oder jetzt ein einziges Projekt? Nein, noch zu projizieren. Also müssen wir verdammen oder okay, na ja, sie haben es nur für die vier Vorlage gesagt. Aber genau es geht in die ganz abseits der, Sie wissen schon, der mobile erste Typ. Es bedeutet, dass wir das gleiche in jeder Art von Gerät öffnen können, so dass Jungs beim Geschlechtsverkehr wieder das Kaufstadion treffen. 6. 4 REN Wie Boostrap funktioniert (1): Ich liebe jeden. Also in dieser Klasse werde ich dir nur noch ein paar Dinge über den Bootstrap beibringen. Eigentlich waren wir gerade über gelernt, dass, wie Bootstrap funktioniert. Sie können sehen, dass wir hier nur für die Klasse bezahlen, und der Bootstrap funktioniert hier. Ok, also definitiv Stiefel. Rebellen, die auf Koloss basieren und alle Klassen stammen aus dem Bootstrap, das CSS Dateien. Okay, also, was mawr für diesen Fall zu tun? Ich lehre dir nur bei, dass diese drängenden Zwischengis hier einen Tisch legen, okay. Nur für ein Beispiel, ich bewerbe mich nicht. Ich lehre Sie nicht über die Tische in dieser Klasse, nur für die Stiefel, die schnell Tabellen liefern . Wir lernen die Tische tief in den wenigen in nach ein paar nächsten Klassen. Das ist also ein einfaches th oder der Fernseher. Was auch immer Sie anwenden TV Duplikat, dass hier. Eins, 23 speicherte das und gehe zum Browser und aktualisiere, dass dies eine einfache Tabelle ist, die 1 bis 2 als Wert hat . Und wenn ich nur kopieren diesen Tee oder und fügen Sie dort den Tisch und sagen, dass und gehen Sie zu dem Bruder wieder erfrischt, dass jetzt wieder. 123 und 123 Wieder zum Notizblock gehen. Und hier gehe ich einfach zum Tischschild und setze nur ein Kolosseum und seinen Tapingtisch . Ich mache keine andere Sache, die die Klasse der Tabelle hier im Tabellentag verdrängt und das aktualisiert. Jetzt können Sie sehen, dass es einen großen, schönen Löwen und einen großen Raum mit Zahlen hat. Eigentlich sind diese Zahlen die Werte, aber gut gepflegte Tabelle, OK, für die mehr Arten des Ausdrucks ist mit der Eingabe konfrontiert, Tabelle gestrichen, können Sie jeden Stil anwenden, was auch immer Sie wollen . Ich bewerbe mich nur, gestreift und erfrischend, dass Sie jetzt sehen können, dass die 1. 1 eine schöne Wirkung hat. Okay, die 2. 1 ist leer. Wenn ich diese einfach kopiere, die Boote und wieder hier und hier einfügen. Und speichern Sie das und aktualisieren Sie, dass wir sehen können, dass es Linien entfernt hat, ist wegen der Klasse aus den Boots für die Tabelle Tabelle gestrichen. Auf diese Weise funktioniert der Bootstrap. Also Jungs in der nächsten Klasse fühlen noch ein paar Dinge, bleiben dran und auf Wiedersehen 7. 5 REN Container (1): - Hallo. Und willkommen in dieser Klasse, ich werde dir nur noch ein bisschen mehr beibringen. Praktisch über das Bootstrap-Monster, das folgt, wird über das Layout des Bootstrap lehren , dass das Layout im Grunde heraus zeichnet. Also für diesen Zweck erschaffe ich hier nur einen einfachen Dave, okay? Und im Dave gehe ich einfach runter. Warten Sie eine Weile. Hamden ist runtergegangen, und da erschaffe ich nur das andere Leben hier in diesem, äh, ja. Okay, nun, statt dieses Imperativ benutze ich nur den Hedo. Ich kann den Kopf der Kranken benutzen und dann hier im Verhalten. Ich mache nur noch ein paar Dinge, so wie ich nur jedes eintippe. Und dann ist das wieder eins. Und hier setze ich nur das Hey Ding, das zu den Brudermännern gehen, bevor wir gehen, müssen wir die Datei öffnen, die Haare ist, und ich bin nur doppelklicken. Und jetzt bekam ich die Akte, das Schlagen. Aber wenn ich nur die anwenden Sie wissen, dass, wenn ich nur die Klasse der Stiefel anwenden, um sind die Jumbotron hier Jumbotron und gespeichert, dass und jetzt aktualisieren, dass. Jetzt habe ich d schön hassen, aber die andere Sache ist, wenn ich dorthin gehe und drücke auf den Typ der Klasse und den Typ Containercontainer. Was bedeutet, wenn ich nicht frisch, dass jetzt können Sie sehen, dass Sie Jumbotron ist in der Art und Weise Athlet. Es ist im Container und hier in der linken und der rechten Seite. Es hat einen bestimmten Raum. Allerdings ist es riesig, das Responsive Team zu nutzen. Nun, Sie sollten erklären, dass der Bootstrap Bootstrap, ist es tatsächlich reaktionsschnell? Jetzt können Sie sehen, dass es völlig reaktionsschnell ist. jedoch Dies istjedochklein von der Seite, wie Sie sehen können, dass es nur eine Bewegung durch Layout sein wird, übrigens. Das ist also die Sache, die der Container tun kann. Aber wenn ich nur den Container abgeladen, gespeichert, und gehen Sie wieder zum Bruder und aktualisieren, dass jetzt können Sie sehen, dass der Raum ist sehr dünn jetzt, warum? Weil Sie jetzt die Containerflüssigkeit verwenden, die tatsächlich keinen zusätzlichen Platz bekommen, aber uns die Antwort auf die Boot-Container gibt , sind Sie wirklich wichtig für den Bootstrap und verwenden den Container und Contract-Fluid in den kompletten Kurs. In der nächsten Klasse, Nuland, bleiben noch einige Dinge dran und gut 8. 6 REN Raster System (1): Hi, alle sieben beschreiben. Wir sprechen nur über degrade System nach Bootstrap. Eigentlich hat Bootstrap 12 Spalten großartig. Und Sie können tatsächlich die ganze Seite zwischen diesen 12 Spalten platzieren und gut, das ist nicht notwendigerweise in der Regel die alle 12 Spalten. Sie können zwei oder drei oder fünf Spalten verwenden, was auch immer Sie brauchen, und Sie können sie Vaida nach Ihren Bedürfnissen machen. Das ist eine einzige Sache. Aber wie können Sie die Spalte und was die Vorteile, die wir aus diesen 12 Spalten bekommen können? Einfach nur, dass wir uns nicht um wirklich kümmern müssen um das mit dem Verstecken das eigentlich, die Marge abweichen und andere Sache, die von der Dimension abhängt, denn dort haben wir das Gruppensystem. Also, wie benutzt man dieses Gerichtssystem? Du bist einfach Tipp Dave in den Behälter gesteckt. Ok. Der Behälter ist der Mittelwert und innerhalb des Behälters. Ich tippe nur hier, weil plus, Sie wissen, dass alles, was Sie nur in den Bootstrap setzen wollen, wir die Klasse dafür verwenden müssen. Also hier lege ich einfach die Klasse ein und tippe dann einfach okay, m d tippe jetzt einfach was auch immer. Großartig. Und eigentlich, aber Größe, die Sie wollen? Zum Beispiel wollte ich nur 12. Das 12-stufige gute System benötigt 1 bis 12. Oder über diesen Typ. Sex bedeutet hier 1 bis 6. Ich tippe einfach zu gut. Und was soll das dann bedeuten? Ich rede nur von dem ganzen Rot. Ok. Zum Beispiel drücke ich nur Interim und setze hier eine Farbe ein. Es ist gefliest. Zurück in die Farbe. Und die Spalte Diese Putting als hellblau. Okay, ich habe es einfach so ausgedrückt, Haare blasen und dann hier, ähm, diese Eingabe. Hallo. Jetzt habe ich das gerettet. Geh zum Bruder und erfrischen das. Nun, das ist das Hallo. Sie können sehen, ob ich nur sechs tippe. Nehmen wir nur an, wenn ich nur sechs tippe. Aktualisieren Sie, dass es jetzt die sechs Level-Griggs sind. OK, es hatte Italien. Sechs Spalten, und ich dupliziere das nur. Und dieser hat zwei Spalten, und die Hintergrundfarbe ist wie grün. Das großartige System ist wirklich leicht zu verstehen, diese Fokussierung, dass Sie jetzt sehen können, dass sechs Spalten sind und das sind nur zwei Spalten. Und jetzt haben wir vor Spalte links das Duplikat, dass und es war nur tippen Sie vier Haare und lassen Sie diese Art die arrangieren oder jede Farbe. Was auch immer Sie bevorzugen, dass es frisch ist, dass jetzt der Heilige Bildschirm bedeckt ist. Wenn ich hier nur fünf tippe. Oh, also, das sind die eigentlichen vier. Und erfrischen Sie, dass dies jetzt ein perfektes ist. Nun, wenn ich nur die fünf hier tippe und das zurückspeichere und aktualisiere, können Sie jetzt sehen, dass es unmöglich ist , die 13 Spalten in einer einzigen Zeile zu setzen. Deshalb sind die Who-fünf Spalten da, weil die ganze fünf Spalte in einem einzigen Tag ist . Das ist also das große System aus dem Bootstrap schwächen Typ fünf Jahre die Minute, dass 55 anti, was bedeutet, dass die 12 aktualisiert, dass jetzt wir nur das Problem durch Hinzufügen von nur 12 Spalten in einem einzigen Rock. Definitiv hat es auch eine rohe, so kann ich das Datum hier für die rohen Colas ungleich roh hinzufügen. Nichts mehr zu tun, hier und lassen Sie uns drücken und lassen Sie uns alle Spalten hier in den Felsen und warum dies Ben effizient ist, um die rohen zu verwenden. Ich führe dich nur wieder, diese grausam einen weiteren Tod zu erschaffen und Klasse roh zu tippen. Ok. Und es gibt nur tatsächlich Kopieren nur auf einen, nicht das Ganze. Ja, ich füge nur diese Rettung ein und gehe zum Bruder und erfrische. Jetzt all die Dinge sagen, Sie können sehen, dass, aber wenn ich nur kopieren Sie die letzte und anstatt im Inneren der Rom nur schmecken dies aus der rohen und sparen und erfrischend Jetzt können Sie sehen, dass der nächste Hallo ist nicht in der roh. Eigentlich ist dies nach dem Element. Und jetzt, indem Sie das Falsche benutzen, können Sie sehen, dass es gerade den zusätzlichen Raum von der Flüssigkeit geheilt hat, der kontinuierliche Verlangsamung. Okay, jetzt ist es immer noch, dass es nicht wirklich hinter dem Container her ist. Sie können sehen, dass es einen Raum hat, wenn ich nur das Land in einem Vorteil Ausgaben das Land jetzt wegen der Felsen entladen wurden tatsächlich den ganzen Raum, aber nicht brechen durch die Art und Weise, wie es aus Vera. So ist es. Es hatte immer noch den zusätzlichen Platz. Aber jetzt haben diese Elemente den zusätzlichen Platz, aber tatsächlich innerhalb der rohen und tatsächlich innerhalb der Spalte. Ich hoffe, du hast wirklich über die Stäbe und die Säulen gestanden. Aber eine Sache, wo ich Sie nur löschen möchte, dass es mehrere Arten von Spalten gibt. Zum Beispiel führe ich dich nur auf diese Weise. Okay, also hier können wir die S m oder die X s f m m d l z lg Also, was ist der Unterschied zwischen den Xs s s m m d n l g g s Exzesse für die extra kleinen Geräte wie mobile Narr oder etwas Mobiles ? Ok, Bs. Und für die kleinen Geräte, wie Tabs und iPads oder was auch immer die mittleren Größen für die Monitore. Allgemeiner Monitor Canal City für Laptops und PCs. So mittelgroß, okay. Und die außergewöhnliche große ist eigentlich für genau wie die I Mac und diese Art von Geräten, so dass sie jede von ihnen verwenden können, wenn nach Überbedarf. Aber ich benutze nur das Medium, weil Medium für alle Arten von Geräten geeignet ist. Wir können ein Medium für kleine Geräte für mobile Geräte für große Geräte verwenden. Also ändern Sie das nicht einfach leer für uns und, na ja, na ja, sie enthalten ihr Mitspracherecht. In der Tat, Kommode, Es wird Ihnen nicht das Änderungsergebnis geben, es wird sagen, aber eigentlich ist das Medium für die gesamten Geräte. Also bewegen Sie das Beste ist Medium, um zu arbeiten. Also hoffe ich in der Holding über das große System lernen wir die Unterstützung der nächsten letzten Aufenthalt tuned und auf Wiedersehen. 9. 7 Textstile (1): Hallo und willkommen zurück. Also in dieser Klasse und wird Ihnen noch ein paar Dinge beibringen, eigentlich waren nur über die Textstile zu sprechen. Also zu diesem Zweck kopiere ich das ganze indizierte, rationale und kopiere es und tippe einfach den alten Hintern Jamiel ein und speichere das. Aber eine Sache wird hier zu tun, ich bewege nur die Bootstrap Lings von der alten Wertschätzung krank. Und hier bin ich, diese Eingabe anstelle des gelernten Bootstrap, es zeigt acht Kamal in der Gesellschaft von Joe Parries und nur die Eingabe des alten HTML. Okay, hier sollte es dasselbe sein. Es hat kein Problem. Also, was werde ich nur hier in der alten HTML tun? Ich bin nur eigentlich, Zunächst einmal, Ich bin nur Typ bang, Hinzufügen eines Teufels, anstatt zu entscheiden, dass diese Typisierung Etch ein entwickeln. Und hier bin ich nur in einem Kind. Ich tippe nur hasst. Ich dupliziere das hier sollte 234 Ähm sein, das sollte zu fünf sein. Okay, das sind fünf. Das ist für das ist drei. Das ist jetzt sechs. Speichern Sie das und legis kopieren Sie einfach diese Wanted dort. Speichern Sie das. Geh zum Bruder oder bevor es zum Bruder geht. Öffnen Sie einfach den Bootstrap und öffnen Sie diesen, was ist. Eigentlich sind sie das bereits erfrischt. Okay. Und geh runter und klicke einfach doppelt. Und das öffnete die alte richtungsweisende A-Zelle. Das ist also der Bootstrap, und das ist die älteste Kachel. Sie können sehen, dass es einen großen Unterschied zwischen den beiden Dateien gibt, was ich Ihnen nur zeigen möchte. Die zweite Sache ist, das sollte um sechs sein. Ok, sag das. Und sie sind, sie sollten um sechs sein. Denn nach der Klärung alles in frischem, jenem und jenem kann man sehen, dass es wenig Unterschied zwischen den Bootfeilen gibt. Aber die andere Sache ist drängend. Geben Sie ein und fügen Sie einen schwarzen Mantel hinzu. Dies ist ein weiteres anvertrauendes tak des Extrems. Alle fünf einfachen tatsächlich kennen die aktive in fünf. Aber hier, im schwarzen Hof. Was? Ich werde nur den Block festmachen. Ziegenbereich gespeichert, dass und co p in die Index tractable Datei eingefügt. Hier. Jetzt speichern und wieder zum Bruder gehen. Aktualisieren Sie das. Das ist ein schwarzer Mantel und erfrischen Sie diesen. Das ist einfach, aber hier kann man sehen, dass es hier eine kleine graue Schlein weiße Kranlinie gibt. Sie können sehen, dass dies der schwarze Mantel aus dem Bootstrap genannt wird. Und das ist ein allgemeiner Barcode. Ich hoffe, Sie haben den Unterschied zwischen den beiden verstanden. Nun, die andere Sache ist, wir haben die interessante Nähe. Der Bootstrap für den Blackwood fügt die Krallen hinzu und gibt einfach Glück. Zitat umgekehrt, wie dieseFällung sein sollte , wie diese . Sie können sehen, dass der schwarze Mantel tatsächlich von rechts beginnt und nach rechts endet . Das ist also die neue schwarze Mantel-Sache, die eigentlich nicht im Allgemeinen auf dem Basis-A-Stall ist. Also eine Sache, wo diese klar ist, dass, wenn Sie den Bootstrap verwenden, Sie sollten klar, dass Sie nur die eingeben, die Sie die geschätzte Fünf-Version verwenden. Jetzt ist das frische, dass es sich nicht ändert. Aber wenn Sie tiefer in den Bootstrap gehen, müssen Sie den dunklen Typ abschleppen, weil dies wirklich notwendig ist. Die andere Sache ist, was eigentlich nur im Bootstrap ist, wenn ich einfach zum Schlagen und innerhalb des Treffens gehe . Ich benutze nur das kleine Etikett. Und hier bin ich, dieser tippende Kopf hat das gerettet und geh zum Bruder und erfrischen das. Jetzt können Sie sehen, dass die gräuliche Farbe einen hassen, der eigentlich genau wie der Untertitel des Treffens ist . Das ist also ein Bootstrap. Aber wenn ich das einfach kopieren und das in die alte Asche-Nimule einfügen, so speichern Sie das und gehen Sie zu dem Bruder und aktualisieren, dass einmal nichts Neues hier ist das gleiche. Eigentlich wurde im alten Oshima das H geläppt. Die kleinen und kleinen ist nichts hier, aber hier können wir sehen, dass der Text dieses kleinen, aber mit der großen Farbe Dies sind die Stiefel, nicht wahr? Also, jetzt nach dem schwarzen Mantel, ich tippe nur das Verständnis der A B B r Angriff, eigentlich nur für die Abkürzung von jedem Text ist. Ich bin nur tatsächlich, Aber vor der a b b r Ich tippe nur p Tag. Okay. Und hier bin ich absteigend die p-Tag und bevor das Baby sprechen nur tippen Sie die Sie und ist oder die u. N. N. Verbinden Sie die Welt miteinander. Was auch immer Sie eingeben, das ist nicht notwendig. Aber hier. Ich schneide nur die U. N und füge dies in das Eva Bier ein, weil ich nur die Abkürzung der U. N. also tippe ich nur Titel und tippe einfach United Nation, um das zu speichern und Disco diesen Text zu verpacken und Einfügen der alten h mailte uns nach dem schwarzen Mantel, speichern zurück und erfrischend dort. Jetzt können Sie sehen, dass, wenn ich gerade mit der Maus über die UN schwebte , dass Sie sehen können, dass die Vereinten Nationen Dies ist ein allgemeiner Weg, aber ich gehe einfach hier und erfrischend. Jetzt können Sie sehen, dass es auf derUN-Unterseite der UNliegt UN-Unterseite der UN UN aber dann habe ich gerade den Monat abgedeckt, den ich den Text bekomme, aber nicht auf dem Text. Holen Sie sich den Titel unten am Cursor mit einem Fragezeichen. Okay, aber es gibt keine Regel, wenn ich nur die Maus auf den Text hoffe. Oder Sie können sehen, dass die Vereinten Nationen auf den Text gesetzt ist, der eigentlich nicht der gute Weg, sondern Riss ist. Es ist tatsächlich Platzierung der Unterseite des Textes, was perfekt ist. Nun, ich dränge sie wieder ein. Und warum nicht? Ich füge einfach den dunklen Typ Extremo hinzu, der die HTML-Fünf-Version bedeutet. Hey, Augen, denn aktiv in fünf Minuten Tisch sind eigentlich die einfache eigentlich. Nun, wenn wir über den Bootstrap sprechen, eigentlich möchte ich nur das Mark-Tag verwenden, das neu in HTML ist, Extreme von fünf Elementen. Also tippe ich nur hier. Das ist das Zeichen. Speichern Sie das und kopieren Sie das. Platzieren Sie dies in der traditionellen Index, die eigentlich die Bootstrap-Version ist. Also zunächst einmal, erfrischend die alte tatsächlich bewegen. Dies ist also die gelbe Farbe, die als mehr Tag bezeichnet wird. Aber hier, wenn es ein frisches ist, dass dies nicht die gelbe Farbe ist, ist dies genau wie die weiße gelbe Farbe oder die cremige Farbe, die eigentlich die ah ist, Bootstrap rusian aus der gleichen Technologie. Nun, es gibt etwas mehr über den Bootstrap und speziell die Textstile des Bootstrap. Wir werden in der nächsten Klasse darüber reden. Bleiben Sie dran und verabschieden Sie sich 10. 8 REN Mehr zu Textstilen (1): Hallo und willkommen zurück. In dieser Klasse sprachen wir nur über die mehr Texturstile im Bootstrap. Was auch immer. Legen Sie einfach das Deal-Tag das Detail-Tag und in das Detail als das Hassen der Details dieser Eingabe D T und deckt das ab dieser Eingabe D T . Und zwischen diesen Tags auf dieser Tippnachricht kann ich alles eingeben, was ich will. Also die Zeitung und hier drängendes Interesse setzt d d d das. Und hier bin ich nur tippen die Nachrichtenzeitung kann einige interessante Neuigkeiten haben. Was auch immer Sie nur eingeben möchten, Sie können dort eingeben, und die nächste Sache ist, eine Zeile zu drücken. Gregan Typ DT wieder. Und in diesem DT das Internet, Internet Crescent laufen Typ DD wieder und dann nur wieder zu schlagen. Und da, zwischen ihnen, diese Art ist das Internet die größten Wunden, um Exes auf Tausende von Informationen zu bekommen, was auch immer Sie Informationen eingeben wollen. Also, jetzt einfach, ich kopiere nur diesen Deal und füge dies hier in die alte, die tatsächlich verschieben, dort einfügen und in den Ordner gehen und nur den Index der Chemo dort öffnen. Und dann wieder, der Bootstrap auf den alten Daten. Steve Oh, das ist der alte Weg. Sie können sehen, dass die Zeitung, die Zeitung, etwas. Aber was ein neuer Weg ist, ist eigentlich hier. Und was jetzt? Ich erneuere nur, dass Sie jetzt sehen können, dass die Zeitung fett ist und der Text unten in der Zeitung ist einfach, aber es hat keinen zusätzlichen Platz, wie Sie das hier sehen können. Okay, das ist also ein bestimmter Stil. Aber wenn Sie nur einige Leerzeichen hinzufügen möchten, setzen Sie einfach einen Bindestrich in sein Gesicht, so dass dies in der anvertraut sein kann seinen Stil sein. Gespeichert, dass und bezieht sich, dass Nr. Oh, ich bekomme nichts. Oh, ich habe es nur der alten Tochter gegeben. Dampf. Nun, ich will nur diese Haare setzen, um das und Rufus, die Pflege. Jetzt können Sie sehen, dass dies interessanter ist, ist Stil. Nun, die andere Sache ist, ich gehe einfach in den Deal und nur Kloss und die Klassen verhandeln horizontal. Dies ist eine interessante Klasse aus dem Deal so aktualisiert, dass Sie jetzt sehen können, dass es tatsächlich etwas zusätzlichen Platz davor hat. Und jetzt können Sie sehen, dass das Ganze in der horizontalen Weise ist. Die andere Sache ist das Pre-Tag. Das wirklich interessante Tag. Welches Ende wird Ihnen das nach dem Dealer-Deal beibringen Tag die Pre Okay, wenn Sie bereits über das Pru Tag wussten, das absolut Komen Extremo Tag ist, das tatsächlich Ihren Text in Ihrem Weg zeigen kann. Das Problem ist, dass im Allgemeinen Schätzung nur die zusätzlichen Leerräume und zusätzliche Zeilenumbrüche vermeidet . Aber mit dem b r P r E Tag können Sie zusätzliche Zeilen, Leerzeichen, zusätzliche Zeilenumbrüche und zu Recht Leerzeichen hinzufügen Leerzeichen, . Was immer du willst. beispielsweise Dies istbeispielsweiseein Absatz mit langem Leerzeichen. Was immer Sie wollen, ein Typ, den Sie können. Hierbei gibt es keine Beschränkung. Jetzt drücke ich, gebe ein und füge einige Tabs hinzu, und dann ist die neue Zeile in Ordnung. Speichern Sie das jetzt und gehen Sie zum Browser. Und aktualisieren Sie das. Sie können sehen, dass dieser Text so ist, wie Sie die Leerzeichen in Ordnung mit den tatsächlichen Zeilenumbrüchen und den Leerzeichen wollen . Aber wenn ich einfach diese einfach kopieren und in den alten HTML einfügen, so fühlt es sich tatsächlich beibehalten seine ah Regel des Kampfes vibrieren, Zeilenumbrüche und Leerzeichen. Aber jetzt können Sie hier sehen, dass es keine spezifische Wirkung um dieses Pre-Tag. Dies ist die Bootstrap-Version. Nun, es gibt noch ein paar Dinge über den Text ist genau so, als ob ich gerade das p-Tag hier hätte. Nun, ich brauche nicht mehr an der alten Schätzung zu arbeiten, denn da gibt es etwas, das Sie schon wussten. Und eigentlich ist das Spiel jetzt nur für die Klassen. Also wir, wenn wir einfach nicht über den Text sprechen, also brauchen nicht die alte eigentlich über Tags. Also brauche nicht die alte, die letzte E-Mail. Also hier tippe ich nur. Das ist der Peyrard, dein einfacher Absatz. Speichern Sie das. Geh zum Bruder und erfrischen das. Nun, das ist definitiv der einfache Absatz. Aber wenn ich nur eine Klasse Haar und in dieser Klausel, Ich gebe nur Text Erfolg speichern und gehen Sie zu dem Bruder und aktualisieren Sie das Jetzt können Sie sehen dass es eine kleine grüne Farbe hat, die jetzt perfekt ist, dorthin gehen und das mehrfach duplizieren. Und hier sollte das hier nicht der Erfolg sein. Ich tippe nur Gefahr. Ok? Es gibt viele Teams in Farben. Aktualisieren Sie das. Die Gefahr bedeutet die rote Farbe. Ok. Wir nutzen die Gefahr. Die saugt sagt die Info und eine Menge von verschiedenen Teams aus dem Bootstrap auf verschiedene Arten, Dies sind die einfachen Farben. Okay, wieder so frisch. Und jetzt ist die Grippe ein bisschen eins blau. Und hier tippe ich nur primäre Sagen Sie das und erfrischt, dass Jetzt die Primärien hellblau und die eigentlich die Info ist ein kleiner dunkler Schlag. Replizieren Sie das hier wieder. Ich tippe nur, gedämpft, mutiert, genau wie die tolle Farbe. Nein, wie Sie sehen können, dass sie das wieder bekommen. Und hier bin ich, entferne die mutierte und tippende Warnung. Dies ist eine weitere interessante Farbe, wenn es aktualisiert wird, dass Sie jetzt sehen können, dass die Warnung da ist, die tatsächlich genau wie das bräunliche Werkzeug ist. Nun, wenden Sie einfach den Hintergrund Roseville an. Ich kann den Hintergrund auf die neuen anwenden, aber ich bewerbe mich nur hier. Der b g Sex ist okay. Die Bee Gees sex ist eine Klasse des Hintergrunds auf einem frischen, dass jetzt können Sie sehen, dass täglich der Hintergrund der BG Erfolg Nun, dies ist nicht notwendig, um den Erfolg auf den Erfolg anzuwenden. Ich kann es in Info ändern. Was immer ich bevorzuge. Speichern Sie das und aktualisieren Sie es. Jetzt können Sie sehen, dass das Grün auf dem blauen. Aber das sieht nicht aus. Nicht perfekt ist, weil wir haben sollten, wie das gleiche auf der gleichen. Also übrigens, hier die BG-Gefahr Sagen Sie das und erfrischen Sie das. Okay, jetzt wende ich noch einen an. Nun, das ist nicht notwendigerweise auch durch den Text. Wir können übrigens nur an BG oder nur an dem Text arbeiten . So erfrischt, dass zurück sah gleich dort und Drücken des Leerzeichens und Eingabe BG primär und dann dorthin und hier gehen. Nun, es gibt keinen Effekt für die stummgeschalteten in den Hintergrundgemeinschaften nur für den Text, also können wir b g stumm oder was auch immer eingeben. Aber es gibt die Sache für die Textwarnung an Bt Warnung. Lasst uns das einfach auffrischen. Jetzt können Sie sehen, dass sie die Primärfarbe sind. Okay, jetzt können Sie sehen, dass, wenn es geliefert wird, die Primärfarbe die Grundfarbe automatisch ist oder tatsächlich die Telefonfarbe wird automatisch weiß, weil es unmöglich ist, die dunkle Farbe auf der Dunkelheit zu zeigen Hintergrund. Also das Wort Präsident, der Bootstrap weiß es besser. Tut mir leid, ich mische übrigens nur mehrmals den Weltpräsidenten Bootstrap . Das ist also der Warneffekt. Ich hoffe, Sie verstanden alle und dass in den letzten ein paar Dinge, einige interessante Dinge, die Sie über den Bootstrap wissen müssen und der Text Kacheln ist. Wenn ich nur den Zusammenbruch von Blei sagte, lassen Sie uns nachsehen. Was ist denn hier? Ich tippe nur an der Spitze. Die neue Pera. Okay, jetzt speichern Sie das. Gehen Sie zum Bruder und aktualisieren Sie das, indem Sie den Lead-Absatz verwenden. Dies ist ein führender Absatz. kannst du sehen. Und wenn ich einfach die anstelle von Blei tippe, tippe ich einfach klein, speichere und gehe zum Bruder und erfrischen. Nun, das ist eine kleine Pera. Was auch immer. Die nächste Sache ist, ich dupliziere dieses einfach wieder. Und das zu ändern, ist eine kleine Klasse und Anwenden von Text, richtig? Okay, jetzt aktualisiere das. Jetzt ist der Text auf der rechten Seite, weil ich den Text liefern. Richtig? Also auf jeden Fall müssen Sie nicht den Text verwenden, Dekoration oder Text ausrichten, zentrieren oder rechts ist direkt Text eingeben, ? Oder die Textmitte. Alle gesendeten einen Text links fiel. Auf jeden Fall. Wir müssen den Text nicht links nehmen, da dies der Standardwert ist. Dies ist ein Text übrig. Dies ist die Textmitte. Und das ist ein Text, richtig? Nun, der nächste ist Text Großbuchstaben. Und aktualisieren Sie das. Sie können sehen, dass das neue Para in den Großbuchstaben ist, was ihr Nutzen Normalbuchstabe ist. Wenn ich das jetzt hier wiederhole. Ich tippe nur Kleinbuchstaben. Speichern Sie das und aktualisieren Sie es. Jetzt können Sie sehen, dass der Tee Hauptstadt T und N p ist Hauptstadt hier. Aber hier sind sie alle wirklich klein. Also hoffe ich, dass du auch darüber gestanden hast. Und in der nächsten Klasse lernen wir noch ein paar Dinge, also bleib dran und verabschiede dich. 11. 9 Bootstrap Tabellen (1): Hallo und willkommen zurück. Also in diesem froh, dass Sie nur über die Bootstraps Tabellen lernen. Die Tische sind wirklich einfach wie die Extreme. Oh, aber wenn Sie nur den Zusammenbruch des Bootstrap hinzufügen, dann werden sie etwas wirklich anvertrauendes werden. Also alles, was wir nicht tun, ist eine einfache Bewegung. Und da ist das der Hassbereich vom Tisch, der T-Kopf und im Inneren des T-Hasses. Ich erstelle nur ein paar TD und in jedem Fernseher, was ich gerade mache, ist das ist das Eno Duplikat, dass. Und hier ist das der Name und da sollte es die Biene sein. Ok. Und hier nicht bezahlt, was Sie eingeben wollen, können Sie dort tippen und dann gehe ich einfach runter und nur wirklich Oh, geh nicht in die Hitze. Er hatte tatsächlich t Körper direkt nach dem Haight erstellt, genau wie ich es tue und dann einfach in die Tee-Beute gehen und dort nur den Tee oder und innerhalb des Tees erstellen , oder einfach nur die TD erstellen, was wirklich wichtig ist. Dies sollte derjenige sein und dies sollte Name sein, die ich gerade tippe Juni, Was auch immer Sie auf einen Typ und die bezahlten 500 die nicht bezahlt 200 nur für die Anzeige Sie. Das ist nicht die Frage, was ich gerade in den Zellen tippe. Lassen Sie einfach alle diese Werte zwei und drei duplizieren. Ich ändere nichts anderes, weil ich nur das Ergebnis erhalten möchte. Also lassen Sie uns einfach den alten abbrechen und diesen aktualisieren. Also das ist die Tabelle, aber es ist es hat nichts Neues, nur einfach gemeinsam. Aber wenn ich einfach zum Tischschild gehe und einfach den Glanz aufsetze und sie im Kolosseum , dieser Schreibtisch das jetzt gespeichert und zum Bruder geh. Die neuen Daten. Sie können sehen, dass die Tabelle ID als Bootstraps Tabelle gesetzt wurde. Und wenn ich dann einfach im Leerzeichen drücke und Tabelle tippe, weil es viele Möglichkeiten gibt, eine Tabelle zu erstellen , anstatt nur ein Leerzeichen zu drücken, kopiere ich einfach diese Tabelle und füge nach der vorherigen Tabelle ein. Jetzt können Sie sehen, dass dies eine neue stabile ist, also muss die Tabellenklasse hier platziert werden und dann einfach Tabelle nehmen. Es ist ausgezogen, was immer du willst. Wenn ich nur Tabelle abgestreift tippen. Jetzt geh zu dem Bruder und da bin ich nur noch erfrischend. Jetzt können Sie sehen, dass dies seine Reiseklasse ist, die jetzt eigentlich perfekt maniert wieder dorthin geht. 01 Ding mehr. Ich möchte Ihnen nur klarstellen, dass dies nicht der TD sein sollte. Das sollte die T-Kante sein. Also bin ich nur richtig trotzen diesem die jungfräuliche TSH TSH zu noch und dem letzten ist th gut, der nächste hat das gleiche Problem. Also th th th das ist nicht eine wirklich große Sache für jedermann, aber ich habe nur vergessen, die th zuerst zu tippen. Das ist, warum ich gerade beobachte, dass das Ergebnis der gleichen Jetzt, wenn ich nur aktualisieren, dass jetzt können Sie sehen, dass die th ist wenig fett, perfekt. Nun, es gibt eine andere Möglichkeit, den besten Tisch zu erstellen. Kopieren Sie einfach die vorherige und fügen Sie direkt nach dieser Tabelle hier und gehen Sie zu den Tabellen colas und entfernen Sie die Tabelle abgezogen Zehe kondensiert speichern. Ich glaube, ich bin nur, ich habe nur die falsche Schreibweise. Testen Sie das jetzt frisch. Ja, ja. Ich habe es einfach als perfekte Schreibweise ausgedrückt. Eigentlich bedeutet das verdichtete tatsächlich, zusätzlichen Platz zu entfernen, zusätzlichen Platz um das Element, das abläuft und eintritt, was als kondensiertes bezeichnet wird. Der Tisch verdichtet sich erneut. Lassen Sie einfach fügen Sie die Tabelle wieder, und es ist von diesen stolperte was zerstört Howard speichern und gehen Sie zum Browser und aktualisieren Sie diese. Nun, was ist die Jedoch ist es das gleiche, genau wie die obere. Aber dann schwebte ich einfach mit der Maus auf das Element über das Element. Jetzt können Sie sehen, dass es schwebt und uns den Howard-Status zeigt. Nun, lassen Sie uns die vorherige noch einmal replizieren. Und hier sollte das nicht die abgestreift sein oder so gut, ich kann gebrannt tippen, Okay, begrenzt. Speichern Sie das und aktualisieren Sie das. Jetzt gibt Ihnen, dass es den Grenzeffekt hat. Perfekt. Aber wenn Sie nur wollen, dass die Grenzen hier mit dem Hover-Effekt auch, so gehen Sie nach oben. Und dann ist das eine einfache Klasse. Sie, Wenn Sie einfach nicht mit den Klassen arbeiten können, dann können Sie verstehen, was ich gerade tue. Ich setze nur zwei oder drei Klassen. Aktualisieren Sie das. Jetzt hat das die Grenzen. Das ist der zweitletzte. Und es ist auch, es hat die schwebende Wirkung. Okay, jetzt sieht es viel besser aus als die vorherige. Also hoffe ich interessiert an den Tischen, Etwas mehr. Ich möchte Ihnen nur klar machen, dass Sie, wenn Sie nur dorthin gehen wollen, und eigentlich für die Top die Sie haben wollen, wie, letzte Gefahr haben wollen, dass Sie darüber gelernt haben. Gefahr ist die rote Farbe Info ist leicht niedrig und jetzt können Sie sehen, dass dies die richtige Farbe ist . Okay, jetzt hier haben Krallen das gerettet und das aufgefrischt, aufgefrischt, und wer hat hier keine Wirkung? Und es gibt einen Grund, dass die Info auf die TSH angewendet wurde und die TR aus diesem th hat bereits die Gefahr kolossal. Schneiden Sie das und fügen Sie es in die TR das andere ein tr und lassen Sie es einfach im Browser testen. Also erfrischen Sie das. Jetzt können Sie sehen, dass die zweite Nummer von Joan die blaue Farbe hat, die Info, und ich gehe jetzt hin. Ich wende nur den Effekt auf einen TD an. Ich kann den Effekt auf die TdS-Ville anwenden. Also, was ich gerade tun werde, ist zu warnen, speichern und zu aktualisieren. Jetzt ist der Warneffekt nur auf einem einzigen Fernseher. Aber wenn ich irgendeine Wirkung auf die TR liefern könnte, so dass diese kolossale überlappt werden? Nun, ich gehe einfach dorthin und setze einfach ich gehe einfach dorthin und setze einfacheine weitere Kloss primäre Legis ein. Überprüfen Sie dies im Browser. Aktualisieren Sie das. , Wo ist der primäre Effekt,den ich bekomme? habe hier nur Ähm, ich glaube, ich einen kleinen Fehler gemacht. Das sollte hier nicht das Primär sein. Ich sollte die aktive nehmen, Eigentlich ist primär und nichts in Tabellen. Aktualisieren Sie das. Hier ist das der aktive Zusammenbruch. Sie können sehen. Ähm, auf der Joan, wenn ich nur tippe statt John. Alicia, mein Name hat das aufgefrischt. Jetzt können wir sehen, dass die Show die graue Farbe hat. Dies ist der aktive Effekt aus dem Tisch. Nun, primär ist nicht in der Tabelle, also hoffe ich, Andrew stand alles über die Tische. Eine Sache, Mawr, wenn ich nur tippe, weil ich dich nur die ganze Sache behandle. Warum also nicht? Ich habe nur eine andere die letzte Klausel gesetzt, was eigentlich der Erfolg ist. Also speichern Sie das und aktualisieren Sie, dass jetzt die Erfolge dort. Also das sind die ganze Klasse ist vom Tisch. Nein, die Klasse kann hier angewendet werden, aber Sie können Ihre eigenen Klassen in Ville machen. Ich hoffe, es hat wirklich gestanden. All die Dinge über die Tabellen im Bootstrap haben wir etwas mehr gelernt. Die nächste Klasse bleibt dran und auf Wiedersehen. 12. 10 Bootstrap Bilder (1): Hallo und willkommen zurück. Also in dieser Klasse mache ich nur noch ein paar Dinge. Zunächst einmal erstelle ich nur ein Bild. Nun, nicht nur das Hinzufügen eines Bildes zur Webseite. Also die Quelle der Bilder in Majors Schrägstrich Ich bin Willst du, dass J p. T. T. Also der Image-Ordner ist dort im Bootstrap. Jetzt hier. Dies ist ein wichtiger Ordner, und das ist die I m g Bilder, die ich geliefert habe. Also geh wieder zum Bruder oder zum Notizblock und speichere das und gehe zum Browser und aktualisiere das. Dies ist das Bild in voller Größe. Ok, perfekt. Aber die andere Sache ist, Sie können sehen, dass es auch nur den Container überquert. Aber wenn ich nur die Klasse des Bootstrap Come anwende, Neil das gespeichert. Und erfrischen Sie das wieder. Jetzt können Sie sehen, dass es immer noch in der gleichen Position ist. Was bedeutet, dass ich auch den vid aus dem Bild anwenden muss. Also mit und zwei oder 300 PX. Sagen Sie das und aktualisieren Sie das. Jetzt ist das Bild sehr klein. kannst du jetzt sehen. Was die Miniaturansicht gemacht hat, können Sie sehen, wenn ich einfach die Miniaturansicht entferne. Ich zeige nur ohne das Thumbnail frisch, dass Sie jetzt sehen können, dass das Bild in ein wenig voller Größe ist . Aber wenn es die Miniaturansicht hier liefern soll, aktualisieren Sie das. Jetzt können Sie sehen, dass hier ein Rand um das Bild zu sehen ist. Also der abgerundete Rand ist es das Thumbnail? Also, wenn ich jetzt einfach zum Notizblock gehe und einfach dieses Bild dupliziere und jetzt dieses aktualisiere . Jetzt gibt es zwei Bilder. Also für jetzt, anstelle des Miniaturbildes, verwende ich den I m g-Kreis. Speichern Sie das und aktualisieren Sie das. Jetzt können Sie sehen, dass dieses Bild einen schönen Kreis um ihn herum hat. Das nennt man das Ich bin nur Kreis. Also dann kann ich dort die i N g anwenden. Einige Nagel hat das gespeichert und das aufgefrischt. Nun, das ist die neue Version des Dump Neo mit dem gleichen Effekt Ungefähr Nun, das ist die richtige Version aus dem Thumbnail. Das hier ist nicht für die Bilder. Also gerade jetzt bin ich nur in Bezug auf die 1. 1 und spielen immer dieses ein und wir werden einige weitere Dinge in der nächsten letzten lernen , so besagt und auf Wiedersehen 13. 11 Bootstrap Buttons: Hallo und willkommen zurück. Also in dieser Klasse werde ich dir nur etwas über die Knöpfe beibringen. Die Schaltflächen können beliebig viele Stile sein. Okay, ich zeig dir nur den Knopf. Ok. Dies ist eine einfache Schaltfläche. Ich tippe nur etwas wie Klick oder einfach nur korrigieren. Wenn ich den Text, sammle mich, speichere und gehe zu dem Bruder und erfrischen, dass ein. Nun, das ist die Schaltfläche, die ist der Klick kann. Aber das sind nicht die Stiefel für ein Feature. Wenn ich hier nur die Klasse des Bootstrap anwende und einfach b TN gehorsam eingeben, ist eigentlich klar, dass es um zu reden geht. Ah, aber jetzt ist das der Knopf vom Bootstrap, aber ohne jede Wirkung. Wenn ich nur einen anderen Abstandstyp Schönheit in der Standardeinstellung hinzufüge, speichern Sie das. Geh zum Bruder und erfrischen das. Jetzt ist dies der BD in, um Effekt vom Bootstrap zu fallen. Sie können das gut sehen, statt dessen, wenn ich nur primär tippe, speichern und aktualisieren Sie das jetzt, ist dies ein primärer Effekt des Bootstrap, aber Duplizierung und dann in voller Wirkung, Sie möchten, können Sie sich bewerben. Aktualisieren Sie das. Und das ist die Info duplizieren, duplizieren und hier. Ich gebe nur Erfolg auf diesem sollte verschlingen Ning gerettet werden, dass und gehen Sie zu dem Bruder und aktualisieren, dass Jetzt ist dies ein Erfolg und das ist eine Warnung. Alle von ihnen suchen Wirklich? Aber da gibt es einige. Oder wenn ich das einfach dupliziere und einfach link tippe, ist dies ein weiterer neuer Effekt. Speichern Sie das und aktualisieren Sie das. Jetzt sieht die Schaltfläche nur wie der Link aus. diesem Grund ist diese genannte Link-Klasse und dann die letzte die Gefahr. Wissen Sie, über die Gefahr, die die roten gefärbt haben, dass das jetzt eine gefährliche Klasse ist. Nun, danach ist die andere Sache die Größe. Wenn ich nur BD en lg dort anwenden, speichern Sie das und aktualisieren Sie das Jetzt sieht der Knopf wie ein wenig groß aus, weil er die Algenklasse hat . Ich gehe dorthin und setze das BD in MD MD ist die normale Größe, so dass wir nichts Neues finden. Aber wenn ich nur die BD in s m angewendet und speichern, dass und gehen Sie zu dem Bruder und aktualisieren, dass jetzt der sm ist tatsächlich in klein beendet Und das Medium ist eigentlich, wenn Sie nur daran erinnern, dass ich Ihnen geblieben, dass das Medium ist eine gemeinsame Größe, aber gibt es eine weitere Gelegenheit, die Bt n ex Troy klein aufzustellen. Der Überschuss hat das wieder so aufgefrischt. Und jetzt ist dies die extra kleine Wissenschaft. Und jetzt sind all das die Knöpfe. Besonderheiten. Nun, das ist das alles, was wirklich einfach ist. Aber wenn ich nur den SM oder irgendeine andere Sache entferne, wenn ich also nur das BD und den Block anwende, was ist DBT und Block? Also geh zu dem Bruder und erfrischen, dass jetzt der Block tatsächlich den ganzen Bereich bedeckt, und es hängt nur von den Eltern, David dem Elternteil, Davies, ein Land und Flüssigkeit, die tatsächlich den ganzen Bildschirm bedeckt. Deshalb deckt es nur den gesamten Bildschirm ab. Nun, es gibt noch ein paar Pluspunkte in der Taste. Duplizieren Sie das noch einmal. Und für diese Klasse entferne ich den Milliardär, indem er einfach diese Möglichkeit eingibt, das zu speichern und zu aktualisieren, dass es uns keine Antwort gibt. Das bedeutet, dass es deaktiviert werden sollte, nicht die einfachen deaktiviert. Aktualisieren Sie diesen, und jetzt können Sie sehen, dass dieser, in der Tat die Deaktivierung deaktiviert hat , so dass es perfekt funktioniert. Aber ich gehe einfach wieder dorthin und hier und entferne die 1.000.000.000-ASEM. Und ich tippe nur Act hier drüben. Also, was? Die Männer der Aktiven erfrischten, dass es jetzt nur so aussieht, als wäre es aktiv. Also hoffe ich, dass Sie auch über die aktive Nähe bemerkt haben. Und all diese Dinge sind die Knöpfe. Besonderheiten. Wir lernten noch ein paar Dinge in der nächsten Klasse, also bleiben Sie dran und verabschieden Sie sich. 14. 12 Knopfgruppe: Hallo eins. Willkommen zurück. Also in diesem Klassenzimmer wird dir noch ein paar Dinge über die Knöpfe beibringen. Eigentlich werde ich nur über die Gruppenknöpfe an dir unterrichten und das Ding vom Stiefelrap anvertrauen . Also hier mache ich nur einen coolen Verlust. Und dann innerhalb des Kolosseums, fügen Sie einfach das bt und die Gruppe hinzu, was tatsächlich gelöscht hat, dass Sie gerade dabei sind, eine Gruppe zu machen, und tippen Sie einfach den Knopf ein. Nur eine einfache Knöpfe, wie wir es vorher getan haben. Ok? Ich glaube nicht, dass es ein Problem für niemanden ist. Nun, das ist die Klasse und 1.000.000.000 Platz und dann die 1.000.000.000. Lassen Sie uns jetzt erwähnen, welche Wirkung Sie wollen. zum Beispiel Wollen Siezum Beispieldie Informationen oder wollen Sie den Erfolg oder was auch immer? Jetzt duplizieren Sie das. Aber bevor ich dupliziere, lenke ich hier nach Hause ab. Jetzt habe ich die vier Knöpfe hier. Lasst uns zum Bruder gehen und auffrischen, dass das jetzt das Ganze vor den Häusern ist, eigentlich. Und was ist die Gruppe? Sie können verstehen, dass hier können Sie sehen, dass die Ecken um tot für die ganze Gruppe. Ok. Und die mittleren Knöpfe sind Esquire in dieser Chorform. Dies wird als Schaltflächengruppe bezeichnet. Ich hoffe, er hat das verstanden. Ich werde dir nur noch ein paar Dinge über die BD en Group beibringen. Aber vorher kopiere ich einfach diesen und füge ihn dort ein. Und dann, wenn ich nur eine Sache hinzufüge, hat die vertikale liberianische Gruppe Vertical das jetzt wieder aufgefrischt . Und jetzt ist dies die vertikale Gruppe, die tatsächlich in der vertikalen Weise gespielt. Nicht in der horizontalen Weise, ich hoffe auf die Forschung über die Bootswege. So ist der dritte Weg jetzt bereit zu sein, Sie zu lehren. Also im Moment, was ich gerade mache, einfach einen anderen Dave zu erstellen und zu den ersten DEF-Tag zu gehen und nur Koloss einzugeben und dann wieder die Button-Gruppe zu erstellen und sein Gesicht beim Tippen von Button-Guru zu drücken . Also das neue Ding ist, aber in der Gruppe gerechtfertigt, werden Sie etwas Interessantes darin lernen. Aber davor, schaffen Sie einfach ein weiteres Dave zwischen, äh, der Gruppe gerechtfertigt und okay, hier bekomme ich nur einen Kloss und in der ersten Klasse, füge die Schönheit in der Gruppe hinzu. Es bedeutet jetzt, dass jeder Dave eine gehorsame Gruppe hat und nur eine Milliarde nur den Knopf hat. Hier. Sie können diesen Knopf sehen und mit der gleichen Taktik, setzen Sie einfach die Klausel und dann nur den BD erwähnt. Und jetzt die Wirkung Medium Erfolg, was auch immer Sie beeinflussen, wie Sie können ihre jetzt nur Typ Software setzen. Ich kann alles eingeben, was auch immer. Ich habe das nur dreimal dupliziert. Jetzt geh zu dem Bruder und erfrischen Sie den. Jetzt können Sie sehen, dass es tatsächlich das gesamte Gebiet abdeckt. Wenn ich jetzt nur minimiere, nur weil ich das nur auf eine andere Art und Weise verwalten muss, lösche einfach die Wunde und kopiere einfach diese eine Gruppe hier drin. Jetzt haben wir drei Schaltflächen in der Gruppe. Also geh zum Browser und aktualisiere, dass das jetzt eine Sache ist, die ich dir nur beibringen möchte. Sie können sehen, dass alle Schaltflächen gerechtfertigt sind. Nach dem übergeordneten Tod, dem Container, der fließende Container schwimmt Tag. Also definitiv, weil das, was ich dir nur gut lehren will, gibt es eine Menge mehr Dinge zu verstehen und zu leihen. Wir werden in der nächsten Klasse über sie sprechen und auf Wiedersehen 15. 13 REN DropDown Menü: Hallo und willkommen zurück. Also in dieser Klasse werde ich dir einfach ein paar neue Dinge über die Knöpfe beibringen. Eigentlich hier sind wir einfach nicht die Drop-Downs lernen konnten, was wirklich interessant ist, was im Bootstrap. Also zuerst aller Altersgruppen sagte die Klasse der Drop-Down-hier und dann gehen Sie nach unten durch Pressen Zement. Und dann hier werde ich einfach den Button ganz oben in der Dropbox hinzufügen. Tut mir leid, die Drop Town. Also, übrigens, das ist der Knopf. Und hier traf ich in der Klasse und mit der Klasse der Matten hier, die 1.000.000.000 der BD in der primären. Ok? Und jetzt speichern Sie das. Und das noch ein Glas, das ist er fallen gelassen. Tuggle. Okay, die Drop-Down-Doppelte hin und wieder die Daten kämpfen. Ok. Was? Das wenig, was Sie tun können, können, um das nur zu löschen, wollen wir nur über Elemente herunterfallen. Wir haben die Delta-Blase benutzt. Nun, hier, ich tippe nur den Artikel. Was immer ich tippen kann. Nun, das ist eine Schaltfläche, wo Sie es wollen. Klicken Sie einfach auf diese Schaltfläche Ansicht, dass die Dropdown-Liste. Also, übrigens, ich gehe einfach runter und erschaffe einfach in dieser Stadt. Oh, tut mir leid. nicht diese Pfanne hier Eigentlichnicht diese Pfanne hier. Die UL. Welches hier der perfekte ist. Ich entscheide mich für die UL. Also er entscheidet die Klasse des Bootstrap und fiel nach unten und das Menü. Also jetzt geh einfach runter. Denn hier in diesem, ähm, werde ich einfach viele hinzufügen. Was auch immer. Ich will nur die Stiefel reinlegen. Drop. Also in der ersten geboren, aber vor der Hochzeit, jedes Element, sollte er den Angriff verwenden. So gibt es das Tal der Acht aus dem einzelnen Hash-Tag den Hash. Nichts viel. Nun, da tippe ich nur die Technologie. Ich kann alles eingeben, was ich will. Okay, also sind sie gerade das o Duplikat entfernt, das jetzt. Da. Es sollte die Diese fremde Information sein. Es sollte die Wissenschaft sein. Dreifache Ausfertigung. Das wieder. Und dort sollte es das gehalten werden. Okay, speichern Sie das und gehen Sie zu dem Bruder, indem Sie den hier auffrischen. Jetzt habe ich den Artikel. Wenn es auf den Artikel klicken. Ich bekomme nichts. Was bedeutet, dass ich mehr tun muss, was ich einfach nicht so erzählt habe. Dies ist eine Dropdown-Klausel und dies ist der Dropdown-Toggle. Und da ist es das Datenproblem, das heruntergelassen wird. Also ist alles klar. Also, was ist das Problem, das es hat? Im Moment ist alles klar. Aber wenn es kein Problem gibt, als an der Spitze etwas nicht stimmt, gehe ich einfach zu den beiden Top Check up. Und ja, das Problem ist, dass die Rechtschreibung falsch ist. Von den Bootstrapped RJs ist es der Alkohol zu wickeln. Wir müssen den Boot, seinen Riemen verwenden , weil Sie wissen, dass das Dropdown-Menü tatsächlich von der Bootstrap-Js-Datei funktioniert , die tatsächlich diese Jacksonville beenden muss. Also geh zum Bordell und erfrischen wieder schlecht. Und jetzt, wenn es auf den Artikel klicken, bekomme ich die vielen, was eine perfekte Sache ist. Aber ich will nur, dass das nächste, was ich gerade tun werde, tatsächlich dort in den Button Tag zu gehen . Und gleich nach dem Artikel, tippe ich nur und komme in seine Hose Tag. Und da was? Ich bin diese Eingabe in diesen Pantalla Ich tippe nichts, weil ich nur eine Klasse hinzufüge , die gerade in der es beginnt, diese Spanne und die Klassen abzuschalten. Karent. Was ist die Karotte ist Eigentlich ist dies das ist ein Aero, Sie würden tatsächlich zeigen, dass es ein Drop-down ist. Das ist also wirklich cool, hoffe ich. Interest Oud, aber etwas, wo ich dir nur etwas über den Drop Down beibringen will. Was ist, wenn Sie nicht über die Schaltfläche verfügen, die Sie über sich selbst oder Ihren Ashley lieben können, damit sich der Benutzer hier abmeldet? Ich bin nur hinzufügen Lago Gazelle so frisch, dass zurück und es ist auf den Artikel klicken. Und hier ist ein Ausschau Link, aber es sieht nur aus wie ein Artikel, weil Sie im Artikel-Tag sind. Nun, die andere Sache ist, lasst uns zu dir gehen, sind eigentlich einfach nur ein duplizieren und das Tag von diesem Verbündeten entfernt . Okay, und fügen Sie medizinischen Verlust aus der Trennwand. Speichern Sie das zurück und gehen Sie wieder zum Bruder, und ich werde das aktualisieren und Minuten klicken Sie auf den Artikel. Jetzt sieht es so aus. Das ist der lokale Knopf, weil sie lügen. Die andere nächste Sache ist, dass wir den Hasser hinzufügen können und wie es ein Hitter, dass du das hier wieder vergisst . Geben wir diesen korrupten Hasser ein. Wir können diesen Hass nicht oder irgendwo, wirklich, Sie wollen nur zum Beispiel, Ich entscheide die Heizung kurz vor der Trennwand im Logo von dieser tippenden Person. Weißt du, was ist, wenn ich binden kann? Das ist nur, um zu zeigen, dass es der Hasser ist. Klicken Sie auf den Artikel darüber ist der Hasser , der eigentlich nicht wirklich cool aussieht. Warum also nicht? Leser schneiden diese Trennwand und fügen Sie hier eine Trennwand ein und dann speichern Sie das und gehen Sie zum Blut. Aktualisieren Sie das jetzt persönlich. Und es gibt Liebe aus Knopf. Das ist also der Hasser. Also, ich hoffe, Sie haben über das, was wir gelernt haben, aber etwas mehr will ich nur deutlich über den Hasser. Trotzdem, wie geht man das dorthin und tatsächlich gerade jetzt, kopiert nur das ganze, das heruntergefallene Loch runter, okay? Und diesen Hagel sprengen und tatsächlich nur ein Koma CIA im Juwel hinzufügen, einfach nur ein Stoff-Drop-Down-Menü , richtig? Gespeichert ging nicht zum Browser, wenn es frisch ist. In dieser Nacht habe ich einen anderen Knopf bekommen, aber wenn ich einfach auf die erste Schaltfläche klicke, sieht es wie perfekt aus, aber ich klicke einfach auf die 2. 1 Das Handbuch kommt von der rechten Seite. Das ist das Neue, aber ich lehre es dir gerade bei. Also kopieren sie das noch mal, weil ich dir etwas mehr über das Drop-Down beibringen möchte, aber nicht über das Drop-Down. Eigentlich, wegen der Drop-Up, gehen wir zum Bruder und erfrischen das. Nun, ich habe neu, aber ich Wenn ich auf diese Schaltfläche klicke, wird dies von oben aus dem Element angezeigt, aber tatsächlich auf der rechten Seite, wenn ich einfach das Drop-Down-Reid entferne, das auf viele gefallen ist. Richtig? Dann die frische, die zurück. Jetzt können Sie sehen, dass das Element Es kaut an der Spitze des Tropfens. Das heißt also „Drop Up“, hoffe ich. Verstanden. Das hat nicht so Jungs, Sie lernten mehr Dinge in der nächsten Klasse, also bleiben Sie dran und auf Wiedersehen. 16. 14 Bootstrap Glyphicon: Hallo. Und willkommen in dieser Klasse, ich werde dir einfach etwas anvertrauendes über den Bootstrap beibringen. Eigentlich für viele Dinge müssen wir für viele Dingedie Bilder für Aikos mehrere Aikens erstellen oder tatsächlich anwenden, wir müssen einige Bilder anwenden, aber sie sind im Bootstrap. Bootstrap gibt uns die Perfektionierung. Immer wenn Sie einfach den Stiefelgurt öffnen, können Sie sehen, dass es ein lustiges Lot gibt. Okay, was ein Teil des Bootstrap ist. Und in dem Freund Telefon Foto, können Sie sehen, dass es eine Menge von Dateien wie Cliff Aikens, Halfling regelmäßige Halbungen, und dann Bot SPD, TDF. Was auch immer Dateien, wir brauchen nichts mit den Telefonen zu tun falten. Oh, das ist nur ein Ordner und alles wird vom Boot-Treiber CSS gelöscht. Also müssen wir nur eine Sache tun, die du Aikens nennen musst. Ok. Das ich nennen könnte, ist eigentlich, oder wie funktioniert das? Ich kann nur Cliff tippen. Ich kann nicht. Okay, das ist der Name des Eiken Cliff Aiken. Und dann, was ich tun kann, wollen Sie. Jetzt gibt es ein lebendiges Problem, weil wir den Namen der Symbole einfach nicht kennen. Warum also nicht? Ich tippe nur Tickler Feikens und Bootstrapped YouTube's. Ich öffne einfach die Website, wo ich die Namen von dem, wer mag, bekommen kann. Also ist es dabei, ab und zu öffnen, werden Sie das ganze Blatt sehen. Nun, wenn Sie nur ich Ferkel Vikan, Euro, dass ich dieses Zeichen bekommen werde. Wenn ich nur die Cliff Aiken eingehüllt tippe und ich bekomme das, äh, ich kann oder alles, was Sie sehen können, dass es ungefähr 2 56 oder so gibt. Ich kann nicht. Ich weiß nicht, dass ich nicht einfach nicht über die komplette Qualität, übrigens. Nun, das ist eine Klippe, die ich anpassen kann. Das ist eine Klippe. Ich begnüge mich mit dem Bild. Und wenn Sie nur das Video auf Ihrer Website platzieren wollen und nur das ikonische Video zeigen wollen Also nehmen wir das Gesicht Zeit Video für jetzt, Ich bekomme nur die Klippe. Ich konnte nicht Kamera. Ok. Also, Cliff Aiken, allem, dass die Klasse der Cliff Aiken Zehe die Vorderseite der Klippe Aiken anwenden , dann leben. Ich konnte den Namen der Eiken nicht machen. Also die Handschuh-Kamera Aiken. Das heißt, das ist die Klasse. OK, Google. Wenn ich jetzt hohe Telefonkamera kann, speichern Sie und gehen Sie zu dem Bruder und aktualisieren Sie das. Ich habe die Kamera hier. kannst du sehen. Okay, das sieht wirklich perfekt aus. Sie können die Klasse überall verwenden. Zum Beispiel, Hier tippe ich nur. Ich bin ein Foto für den Semikolon. Oder startete einen einzigen Code. Geben Sie einfach die A P. O. O. S. Das Gesamt-Diagramm für Nun, das wird keine große Änderung machen, weil wir nicht programmieren oder so. Dies ist ein einfaches Rendering. Jetzt können Sie sehen, dass ich das Foto bin, so dass ich nicht offenbaren kann. Ok? Irgendwas. Nehmen wir nur an, ich habe nur ein b sind hier. Und dann wieder diese Pfanne eine Sache mehr zu schaffen. Ich möchte Ihnen nur klar machen, dass dies nicht notwendig ist, um das Klippensymbol zu erstellen oder eine grafische innerhalb der Spanne zu verwenden . Wir können das I-Tag als Bill oder irgendetwas so verwenden. Also, übrigens, da rufe ich einfach wieder die Glyphe Iker an. Okay, dann ist es Gesicht. Jetzt will ich nur, dass Teoh den Namen vom Umschlag bekommt. Okay, Cliff, ich kann dort umhüllen, links Aiken, Bindestrich und Villa. Ok. Und da gebe ich nur G d s k h m a d andere a gmail dot com Jetzt speichern und gehen Sie zum Browser und dort und aktualisieren Sie das. Jetzt können Sie das hier sehen. Ich zeige nur die E-Mail-Adresse an, und es gibt das Symbol nach der E-Mail. Also das ist, was ich dir nur über den Cliff Aiken Zeh beibringen will, wie man benutzt. Wir können die Klippe benutzen. Eichel ist auch in den Tags in den Buttons. Also werde ich nur die Klippe benutzen, die ich innerhalb des Knopfes kann. Okay, also vor der Schaltfläche auf diesem, ein Eingabe-Tag zu erstellen. Okay, Ty, und dann bedecke das einfach. Und hier in diesem Tipptext, Aber vor dieser eine Sache, wo ich nur tun werde, oder es wird ein wenig typisch sein, dies nur direkt zu tun . Sie verwenden das Schaltflächen-Tag. Ich werde genau wie ich Ihnen nur das Paar von der Taste und der Eingabe zeigen möchte. Aber das wird typisch für Sie sein. Das wusste ich übrigens . Um eine Schaltfläche zu erstellen. Setzen Sie einfach die Schönheit und und den iberischen Erfolg. Dies ist im Stil der Schaltfläche. Und dann hier lassen Sie diesen Typ suchen oder irgendetwas. Was? Was immer du willst. Geh zum Bruder und erfrischen. Jetzt habe ich den Knopf der Suche hier bekommen. Und dann gleich nach der Suchanzeige im Weltraum oder vor der Welle, was auch immer. Wo immer Sie nur einen Ort wollen, Ihr Symbol, es ist schwenken. Okay, jetzt geh da hin. Und kleine Suche. Das Zeichen aus der Welle ist ein würdiges Konzert. Wirklich einfach dorthin zu gehen. Und dann noch einmal die Klasse von der Klippe hinzufügen. Ich könnte Google Raum, wenn ich nicht hoch von der Suche speichern und dann aktualisieren könnte, dass. Jetzt habe ich den Suchlink hier. Ich hoffe, in wirklich dummen können wir das auch in der Eingabe verwenden. Sie werden lernen, dass, wenn wir nur über die Eingabe sprechen, wie in Schutzfeldern und was auch immer. Also hoffe ich in Bristol, wie man Google benutzt, wenn ich kann. Irgendwo wo, wo wir wollen, auf welche Weise? Jenseits jetzt kenne ich die Website, die ich einfach gebunden habe. Cliff, ich konnte nicht Bootstrap Cheat Sheets dot com bekommen, um auf die gesamte Liste des Bootstrap zuzugreifen . kannst du sehen. Es tut mir leid. Nicht der Bootstrap. Die Cliff Aiken. Es gibt viele hässliche Feikens. Sie können jeden von ihnen verwenden, was Sie wollen, je nach Bedarf. In der nächsten Klasse lernten wir einige Dinge über den Bootstrap-Zustand, wissen Sie, und kommen zurück. 17. 15 Jumbotron und Seitenüberschrift: Hallo und willkommen zurück. Also in dieser Klasse und wird Sie über die Jumbotron und die Seite Hasser zu lehren. Nun, Sie wussten schon von dem Jumbotron, weil Sie schon viele Male vom Jumbotron erfahren haben , sogar in der ersten und zweiten Klasse. Also, im Moment werde ich hier nur ein Glas benutzen, und es geht um den Jumbo. Oh, Rechtschreibung sollte Jumbo Theron jetzt gerettet sein. Und dann was auch immer. Wir tippen einfach innerhalb des Jumbotron auf wir sehen nur das Jumbotron ohne irgendetwas, wir können den großen, Jumbo, weißen Graubereich am Hitter sehen Jumbo, . Und genau wie der Hitter nennt man das Jumbotron. Okay, so cool. Aber was, wenn ich nur etwas in den Jumbotron tippe? Etwas wirklich Wichtiges. Du musst von dem Jumbotron wissen, wie ich es tue. Wenn ich nur die Textur, zum Beispiel, die Jumbo Tron sagen, dass. Geh zum Bruder und erfrischen das. Jetzt können Sie den Text sehen, das Jumbotron. Ich werde diesen Text kopieren, den Text, und einfach dieses Haar einfügen und dann zurückgehen und das aktualisieren. Jetzt können Sie sehen, dass das Boot die Ätzen sind. Aber man kann den Unterschied leicht erkennen, dass dieser Jumbotron wirklich klein ist. Wenn du das hier einfach mit dem vergleichenst. Also definitiv eigentlich ist das eigentlichnicht der Jumbotron, aber besteuert ist der Jumbotron. Es sollte also der Jumbo sein, der ohne Jumbotron trifft. Okay, jetzt werden wir das wieder frisch machen, ohne Jumbotron und Jumbotron. So können Sie definitiv sehen, dass dies ein wenig klein ist, wenn Sie nur damit vergleichen, weil dieses , was in der Jumbotrons-Klasse ist. Also hoffe ich unter, dass die Jumbotron-Klauseln nicht nur Auswirkungen auf den Hauptdev, sondern auch auf seine Kinder. Wie Sie das gut sehen können, ist dies ein Jumbotron. Aber die andere Sache ist, wenn ich nur Interim drücke, legen Sie die Dave Haare einfach einen anderen Dave. Und dann hier füge ich nur eine andere Klasse hinzu, die jetzt die berühmteste, eigentlich die nützlichste. Die Sache ist Page Heda, die wir oft anstelle des Jumbotron verwenden. Weil der Seitenhitter aufgrund seines einfachen Aussehens mehr vertrauensvoll aussieht. Wenn ich würde nur schlagen in tiefe acht Hitter als Schleier und ich sage Ihnen nur die Seite, Haider gespeichert, und gehen Sie zum Browser, Aktualisieren Sie das jetzt die Seite Hasser. Sie können sehen, dass die Texturen sehr wenig größer oder tatsächlich, Yep. Ah, sehr wenig größer als dieser Text. Aber Sie können hier eine Linie sehen. Okay, diese Zeile wird die Seite Hitter genannt. Das ist die Sache, die man nennt, ein Patient hat abjektly die Grenze okay? Und der Text. Also, nachdem Sie die beiden denken, dass wir die Dinge und andere Projekte verwenden werden. Definitiv auch der Seitenhitter im Jumbotron. Also, wenn die nächste Klasse, werden wir ein paar mehr Dinge lernen. Bleiben Sie dran und verabschieden Sie sich. 18. 16 Bootstrap Wells: Hi, alle. Also, in dieser Klasse werde ich dir nur noch ein paar Dinge über den Bootstrap beibringen. Eigentlich gibt es etwas, das es dir beibringen wird, das tatsächlich wie der Jumbotron aussah. Aber eigentlich nicht der Jumbotron. Es gibt nur über das Lernen der Veles W e Doppel l wird. Und jetzt gehe ich einfach rein. Entwicklung drücken, eingeben und tatsächlich lassen Sie uns direkt eingeben, was Sie wollen. Oder die bessere Sache ist, den Tag Vinto p zu ändern oder setzen Sie die p innen aktiv. Aber jetzt gab es Inter native. Ich tippe direkt, was ich will, an der gleichen Stelle hier. Ich gehe nur auf Band, das ist die Rechnung, die gerettet wurde, ging nicht zu dem Bruder und erfrischen, dass das die Rechnung ist. Sie können sehen, dass eine schöne große Gegend. Aber das ist nicht der Jumbotron. Du kannst das verstehen. Also, was ich jetzt tun werde, ist, dass wir uns ändern können, Größe entwickeln können. Also lassen Sie uns das duplizieren. Und dann hier tippe ich nur devel. Entschuldigung für den Raum und geben Sie den Schleier erneut ein. Und jetzt einfach die Größe mit dem Bindestrich setzen. Ich werde nur die Seite des LG aufstellen. Also lasst uns das retten. Nun, das ist der Schleier. LG hat das gerettet. Aktualisieren Sie das. Jetzt können Sie sehen, dass dieser gut ist ein wenig größer mit diesem. Auf jeden Fall. Das nennt man das Medium Ville. Aber wir müssen das Medium nicht gut eingeben, da das Medium standardmäßig ist. Aber es gibt einen anderen Schleier, der eigentlich das Böse s m ist. Es bedeutet, entwickelt klein. Aktualisieren Sie das zurück. Jetzt können Sie sehen, dass dieser ist der kleinste. Dies ist das Medium und das ist größer. Ich hoffe, du bist unter einer Schülerin. Schließen Sie, dass Sie jetzt alles über die Brunnen in dieser Klasse Gefühl mehr Dinge verstanden haben Bleiben Melodie und auf Wiedersehen. 19. 17 Bootstrap Alert: Hallo, alle. Wenn diese Klage dir ein paar Dinge über den Bootstrap beibringen wird, die Warnungen, Elemente, wie man sie benutzt. Zunächst einmal erstelle ich nur ein getan hier. Okay? Und da, in diesem Tod, tippe ich nur. dieser Verunreinigung geht es darum, dass die Filer gelöscht werden. Nein. Ja. Das endgültige wird gelöscht. Das hier ist ein perfekter Satz. Nun, das ist eine Art Wachsamkeit, aber definitiv, wenn ich nur zum Bruder gehe und das jetzt einfach aufgefrischt habe, sieht das nicht aus wie die Alarmbereitschaft. Also, wie schaffst du es? Schalten Sie es in die Warnung? Wir müssen ein paar Klassen haben. Ich lasse nur Kolosse ein und wachsam. Okay, jetzt ist das eine Warnung. Aber ich gehe einfach zu dem Bruder und erfrischen, dass das jetzt wirklich ah, perfekt ist . sich nicht versteckt, aber definitiv immer noch, es sieht nicht so aus, als wären sie geladen, weil ich eine Unterklasse haben muss. Der Alarm jetzt, welcher Typ ihm gefolgt ist Dies ist die Art der Gefahr, der gefährliche Alarm. Es bedeutet die richtige Farbe, die frischen Toten. Jetzt habe ich die rote Farbe um diesen Bereich, also ist es in Alarmbereitschaft, aber definitiv ist dies genau wie der einfache Hintergrund aus der roten Farbe. Wir haben etwas über die BG erfahren, dann Ihre oder so. Also definitiv ist dies nicht wie eine Warnung, weil angeblich den Link haben sollte, um etwas zu schließen oder zu stornieren. Also auf jeden Fall die Hälfte sein. Sie hatten andere Dinge. Also, was geht in diesem Dave und füge dir ein Tag hinzu, wenn und zu diesem Zeitpunkt ich einfach in Asche und schließe das hier drin? Was? Ich tippe einfach, ich kann alles tippen. Zum Beispiel kann ich das X dort setzen, und wenn ich einfach zum Bruder gehe und auffrischen, dass es eine nächste gibt, aber ich will einfach nicht das Simplex zeigen, weil dies der Text sein kann, weil du es definitiv getan hast. Das ist der Text, wenn ich nur die Italiener hätte. Dies ist also die enge, die den Ausgang in einer perfekten Nähe zeigte. Aber wir müssen eine Menge Dinge tun. Zum Beispiel werde ich nur einen Klassiker mit dem Namen der Kleidung hinzufügen, speichern Sie das und gehen Sie zum hinteren Bruder und aktualisieren Sie das Jetzt, wo ist das X? Es gibt das X, das Sie sehen können, und das sieht nur aus wie die Schaltfläche Abbrechen oder Schließen, nicht das X definitiv. Aber wie Sie sehen, dass es nicht funktioniert, weil wir nicht am JavaScript hier, das JavaScript, das JavaScript, Jacqui, sehr was auch immer. Also, um die Abfrage zu essen, müssen wir nur etwas wie Daten hinzufügen. Entlassen Sie Miller. Ich muss eine Fünf korrigieren. Ihre Rechtschreibung entlassen ist eine perfekte Rechtschreibung, um etwas zu entlassen. Weißt du was? Möchten Sie eine Warnung ablehnen? Okay, also haben wir gerade das JavaScript hier verbunden. Wenn ich nur zum Bruder gehe und das wieder auffrischen und jetzt klicke ich einfach auf das Schließen. Aber jetzt können Sie sehen, dass die Warnung nur wegen der Verbindung entfernt wurde, die die Nähe ist. Also hoffe ich in wirklich stand, wie das zu tun, aber etwas, wo ich nur Bier hinzufügen möchte. Wenn ich nur sagte, dass die Bereichsbeschriftung schließen. Nun, das ist Ah, nichts ist in der visuellen Art und Weise etwas Besonderes. Aber nur für die Erklärung, dass durch das Zeichen liest, Wir können alles schließen. Das Wenige ist nah dran. Aber eine Sache Nun, Sie können bemerken, dass, wenn ich nur, um das zu aktualisieren, und dann klicke ich einfach auf die Kleidung. Es läuft einfach direkt in Ordnung, so als wäre es nie Deal. Aber wenn ich nur ein Leerzeichen hätte und einfach eintippen würde, okay? Die Methode des Einblendens ist, wenn ich gerade aktualisiert, die es schafft schließen klicken Sie auf Schließen. Jetzt können Sie sehen, dass es wie Feting läuft, also ist dies perfekter, um in Alarmbereitschaft zu herrschen. Nun, ich werde das nur kopieren, und es fügt das mehrmals ein und dann haben Sie definitiv die Möglichkeit, den Text auch zu ändern , wenn Sie nur etwas ändern möchten. Aber ich werde nur die Gefahr für Erfolg ändern oder so. Was auch immer Erfolg sagen, dass erfrischt, dass jetzt ist dies der Erfolg. Alle von ihnen funktionieren perfekt. Wenn ich nur die Tasche auffrischen, ist sie da. Nun, noch etwas mehr. Wir sollten zum Beispiel den Erfolg und die Warnung hinzufügen zum Beispiel und die letzte sollte die Info sein. Okay, diese vier Kacheln arbeiten an der Warnung, die wieder aktualisiert wurde. Jetzt können Sie sehen, dass alle funktionieren. Wenn es auf Schließen klickt, ist alles in Ordnung, und definitiv sind diese Klassen, die Warnung, Erfolg, andere Gefahren- und Alarminformationen oder eine andere Warnung in der Lage zu funktionieren, nicht in der Lage, eine andere zu erstellen Also lernen wir noch ein paar Dinge. Die nächste Klasse bleiben Melodie und Abschied 20. 18 N REN Bootstrap Abzeichen und Etiketten: Hallo und willkommen zurück. Jetzt lernen wir noch ein paar Dinge im Bootstrap. Eigentlich möchte ich Ihnen nur etwas über die Etiketten und die Abzeichen beibringen. Also zuerst, ich setze hier nur ein Etikett ein. Decken Sie das ab. Okay, also hier bin ich gerade zu dieser Zeit, ich setze nur einen Hashtag ein. Dann decken Sie das ab. Und jetzt hier, in diesem A. Was ich tun werde, ist eigentlich nur die Nachrichten zu tippen, während ich je nach Bedarf eingeben kann . Aber hier, ich bekomme nur irgendeinen Platz in der Spannweite. Okay, jetzt habe ich das abgedeckt. Und hier tippe ich nur fünf Dezibel, sechs Pullover durch sichtbar. Ich möchte nur zeigen, dass es sechs Nachrichten gibt, wenn es zum Browser gehen und aktualisieren , dass ich die sechs bekommen habe. Die Nachrichten. Sechs. Das sieht nicht wirklich perfekt aus. Aber wenn ich die Tücher aus Abzeichen hier hatte, die d g e Abzeichen und nicht speichern, dass und erfrischt, dass jetzt das ist wie die sechs Nachrichten wirklich perfekt aussehen. Starten Sie eine Disc. Vaginal. - Ja. Dies ist nicht notwendig, um das Abzeichen innerhalb der acht hinzuzufügen. Du kannst ich überall abzeichen. Nun, nur für die Annahme, dass noch ein paar Dinge. Ich setze nur 29 ein. Und hier tippe ich nur Modifikation. Wir können auch einen Stapel für die Benachrichtigung verwenden. Dies ist ein Beispiel. Speichern und aktualisiert, dass jetzt Benachrichtigung 27. Das ist es, was ich Ihnen hier nur zeigen möchte. Ich lasse es nur sein oder angreifen, weil ich nur eine Inter-Sprache bekommen habe. Nun, nur zum Unterrichten, heiratest du auch einen Knopf, weil ich dir nur zeigen möchte, dass wir die Abzeichen auch auf den Button anwenden können . Okay, also hier gehe ich auf den Knopf und füge einen coolen Hintern hinzu. Und dann Vivian Standard oder die primäre, was auch immer Farbe Sie braten wütend mögen. Und hier schreibe ich nur. Klicken Sie hier, um die Benachrichtigung anzuzeigen. Was auch immer Sie eingeben möchten, dann an dieser Pfanne innerhalb der Taste. Ok. Wir können nicht so gut in der Taste verbringen, wie ich es tue. Dann decken Sie das Und da bei einem Colas, was die Öffentlichkeit will, Ed ist nur die Charge db d g schlecht in ihm zu tippen 31 10. Was auch immer Sie eingegeben haben. Jetzt aktualisieren, dass, wie, bekam die Benachrichtigung. Und das sieht nicht aus wie der Knopf, was bedeutet, dass da draußen das Problem ist. Nein, sag dir das, Andrew. Zuerst, dass dies jetzt wie der Bootstrap-Button ist. Ok? Und deshalb möchte ich Ihnen nur zeigen, dass es auf die Schaltfläche angewendet werden kann, ist krank. Und die andere Sache, die ich Ihnen nur zeigen möchte, ist das eigentlich das Label. Also, wie können Sie das Etikett dafür? Zuerst müssen wir den Tag und dann in den Teufel ziehen. Ich wähle nur die Seite Hasser, weil ich denke, dass ich Ihnen einfach sagen kann, über Etikett am besten auf diese Weise. Nun, hier ist das H, und dann tippe ich nur Downloads. Ich kann alles eingeben, was auch immer Sie Software-Download unterstützen wollen oder irgendetwas als jeder Raum und einfach span abgedeckt, dass die Spanne und dann gehen Sie zum 1. 1 Tag der Ausgaben hier und dann diese epochale Verlust aus Etikett. Okay, jetzt, was Sie wollen, werden wir einfach in der nächsten plus update entscheiden, dass dies die Downloads sind und es nichts innerhalb der Spanne gibt . Ich tippe sie nur besser in einem Besseren. Es war tatsächlich kontinuierlich machen diese Downloads. Nun, ich habe nichts. Also sagte es im Raum und Typ Label-Info gespeichert und aktualisiert, dass ich Debater in der Label-Info bekommen habe und das ist, was ich Ihnen nur zeigen möchte. Nun, das ist nicht notwendig, um das Etikett in die Info zu zeigen. Die frische, dass jetzt dies der Weg von der Standard-Weg wieder perfekt aussehen Download. Und desto besser nur zeigen, dass diese Download-Funktion nicht abgeschlossen ist. Eigentlich ist das in der Beta-Stimmung. Nun, wir, wenn Sie nur eine Unterüberschrift erstellen, also sollten wir die drei oder die Kante verwenden, Tun Sie, was Sie ausführen. Aktualisieren Sie das. Nun, das sieht perfekter aus. Übrigens, Sie haben das Etikett und die Abzeichen verstanden. In der nächsten Klasse werde ich dir noch etwas beibringen. Bleiben Sie dran und verabschieden Sie sich. 21. 19 REN Bootstrap Panel: Hallo, alle. Also, in dieser Klasse werde ich dir noch ein paar Dinge im Bootstrap beibringen. Eigentlich möchte ich Ihnen nur etwas über das Panel beibringen. Eine wirklich interessante Sache ist ein Panel genannt. Wir werden das Panel es mehrmals in diesem Kurs verwenden, weil dies wirklich interessant und wichtig ist für die Erstellung eines Panels dieser Art Panel und dann im Raum vorhanden und erwähnen , die gekachelt ist. Wollen Sie für Ihr Panel? Zum Beispiel, Wollen Sie das Panel? Die Standardfarbe hat den Dennis Stil vorgegeben. Ich werde den Stil ändern, der zu diesem Kerl führt. Tun Sie das. Wie viel Stile? Wir haben nicht zuhause, wie wir die Stile ändern können. Eigentlich ist das der andere Tote in der Tafel, okay? Und das sollte der Panel-Hass von Ok sein, Kampf hassen. Und dann in der Schlacht Hasser, oder eigentlich, das sollte das Paddel hassen, nicht die Hasser Heizung. Okay, nun, ich lege jetzt nichts in die Tafel. Ich gehe nur nach dem Panel und erstelle dann den Close-Off-Panel-Körper. Ok? Das Körperelement, und dann danach, schafft einen weiteren neuen Tag des Haares und dann setzt dies die andere Klasse aus der Essenszeit . Ok? Ich habe gerade all die Dinge erschaffen. Oh, es sollte die Tafelnahrung sein oder nicht, das einfache Essen. Auf jeden Fall. Ich habe sie gerade erschaffen. Jetzt in der Überschrift des Panels müssen wir das Schlagen für dieses Panel absetzen. Ich setze nur, benehme mich in den Rand. Vier Tags dafür, so dass das Schlagen wie ein Schlagen, aber nicht der große Schlagbeginn. Das ist genau wie die s eins und zwei. Aber ich schießen nur die Kante für, weil diese schlagen es ist nur für die spezifische Platte schlagen. Na ja, Penhall hasst. Jetzt speichern Sie das und dann einfach alles in den Körper stecken. Jedes Jahr können Sie alles, außer nur um Ihnen zu zeigen, dass ich nur einfachen Text verwende. Nun, wir können Bilder innerhalb des Panels verwenden. Wir können alles gebrauchen, was immer wir wollen. Aber es gibt einfach keine Notwendigkeit, die Klasse hier zu erstellen, sondern einfach direkt zu tippen. Das ist der Schalttafelkörper. Was auch immer du tippen willst, du kannst jetzt runtergehen. Und das ist die Tafelnahrung, weißt du, und sie sind nur High Panel Food Top. Okay, speichern Sie und gehen Sie zu dem Bruder und aktualisieren Sie, dass ich das Panel hier habe. kannst du sehen. Ok. Ok. Also zuerst, das ist ein einzelner Container, okay? Und die Platten heißen Finale. Es gibt nur nach dem es ist Panels mit. Deshalb sieht es zu groß aus. Aber wir können es auch innerhalb der Spalte erstellen. Nun, das ist der Standardstil des Panels. Wir können den Stil des Bedienfelds ändern, indem Sie den Standardwert in einen beliebigen Wert ändern. Ich zeige Ihnen nur, wie ich dieses Panel einfach kopiere und es wird nach diesem Panel hier eingefügt und dann anstelle der Standardeinstellung, ich setze nur diese Erfolge gespeichert und aktualisiert. Nun, das hier ist ein Erfolgspanel. Okay, hat es. Der Erfolg ist gefliest. Nun, die Sache ist, dass Sie sehen können, dass das Essen hebt und die gleiche Farbe erzählt, aber die Hasser Farbe wurde geändert. Und die Grenze, das ist die sehr Panel arbeitet jetzt duplizieren Sie dies wieder und von dem Erfolg aufgrund in voller Aktualisierung, dass zurück. Nun, das ist ein im Food-Stil. Geh runter. Ich ändere nur diese Fliesen, um mir zu zeigen, wie Pedal funktioniert und dann die primäre Aktualisierung. Dies ist ein primärer Stil und geht wieder dorthin und fügt diesen wieder ein und entfernt dann den Standard und setzt das Lernen speichern und aktualisieren. Also habe ich die brennenden Haare bekommen und dann noch einmal dupliziert, ich hoffe, dass die Gefahr auf Bill schauen wird. Ich teste das nur. Speichern und aktualisieren. Ja. Ja. Gefahr funktioniert, so dass Sie sehen können, dass ungefähr die alle Stile des Bootstrap hier im Panel funktionieren . Und Hogan groß stand, wie man ein Panel zu schaffen. Also für die nächsten Dinge, die Sie in der nächsten Klasse lernen, bleiben Sie dran und verabschieden Sie sich. 22. 20 zusammenklappbar: Hallo und willkommen zurück. Also hier in dieser Klasse werde ich dir gerade noch ein paar Dinge über den Bootstrap beibringen . Ich lehre dir nur das Zusammenklappbare bei. Ok? Legis hatte den richtigen Knopf. Und eigentlich erstelle ich nur einen Button hier und hier. Ich bekomme nur ein paar SMS. Zum Beispiel. Klicken Sie zum Reduzieren. Was auch immer Sie eingeben möchten, Sie können als Schaltfläche eingeben. Dies ist nur in diesem Beispiel. Ich werde nur sein Es hat angefangen, Tak des Knopfes zu starten, okay? Und nur den Text von der ersten von allen. Nun, der BD ist dafür da. Erstellen Sie die Schaltfläche, okay. Und dann BD in, Was der Effekt wollen Sie? Ich will nur zwei Milliarden sexistische Erfolg und dann die Daten. Nun, ich werde später nur die Daten insgesamt haben, denn für den Moment erstens das Element erstellen, müssen wir erstens das Element erstellen,das wir nur zusammenbrechen wollen, wenn wir auf die Last klicken . Also hier schicke ich nur eine SMS. Dies ist das kollabierende Fabel-Element. Ok, perfekt. Jetzt und geht zum div-Tag und eigentlich hier Was? Ich tue es nur, wenn ich Tag tippe. Und was ist die Idee. Ich setze nur hier Zusammenbruch oder C l a. Was immer ich nur setzen möchte, können wir als i d setzen. Ich gehe einfach an die Spitze und gezwungen zu fallen, wir müssen die Variable hinzufügen oder sorry, die Attribute der Daten Togo. Und was möchten Sie aufschieben, ist das kollabierende Element. Ok, jetzt hier müssen wir klarstellen, dass dieses Element tatsächlich das zusammenklappbare Element ist. Also im Koloss, abseits des Zusammenbruchs, ist das wirklich perfekt. Nun, was ich gerade verderben werde oder tatsächlich ein anderes Attribut die Zielattribute und gleich OK zu entscheiden, also entscheide ich den Hash und dann das c l a Okay, das ist die Idee des C l A. Ich habe gerade hinzugefügt ihr das Ziel C l a Okay, jetzt ist das völlig perfekt. Geh einfach zum Bruder und erfrischen das. Nein, ich habe d klicken, um den Knopf zu reduzieren. Wenn ich einfach auf den Zusammenbruch klicke, passiert nichts. Das bedeutet, dass etwas nicht stimmt. Ich habe getan, was ist das Ding? Was ist falsch? Habe ich. Ich muss es durchsuchen. Nun, es gibt nichts wirklich Großes. Eigentlich müssen wir das Datum hinzufügen, das unser Ziel nicht nur das Ziel. Übrigens, du aktualisierst das zurück. Nun, wenn ich auf den Zusammenbruch offenbart, der Text zeigt uns verwaltet Klicken Sie auf den Zusammenbruch zurück Jetzt ist es versteckt. Das bedeutet, dass es wirklich zusammenbricht und wirklich perfekt funktioniert. Aber es gibt eine andere Sache, die Sie wissen müssen, bevor Sie praktisch am zusammenklappbaren arbeiten , ein Tag hinzufügen und jetzt nur eine tatsächliche Referenz hinzufügen und hier zu dieser Zeit, in der Einstellung ein einziges hesh als nur den Bereich abzudecken. Und dann, was ich gerade tippe, ist, dass Kulic diese Verbindung zusammenbricht. Okay, jetzt, was ich gerade tun werde, ist eigentlich nur das Hinzufügen eines Datentobel okay, eine Gesamtvariable gemacht, was die Attribute sind, was wirklich notwendig ist, wenn Sie nur etwas zusammenbrechen wollen. Und jetzt müssen wir das Datenziel nicht in das A-Tag setzen, weil anstelle des Datenziels , wenn Sie im Angriff sind. Anstelle des Datenziels erwähnte Ihr Schreiben in der h ref als Regel aus dem a-Tag. Also hier entscheide ich mich für die i d. Das i d ist c l a. zu. Okay, also was? Ich werde nur tun, ist untergehen. Ich unterrichte nur, weil ich nur klar wollte, dass das Datenziel im A-Tag nicht notwendig ist oder tatsächlich nicht praktikabel ist. Deswegen unterrichte ich das einfach. Also, da setze ich nur das I d ein. Weißt du, was die Idee ist? Eigentlich C l A. Um jetzt lassen Sie uns den Text eingeben, die Sie wollen nur Schuh, was jemand klickt auf den klicken Sie auf diesen Link, um die Schaltfläche zu reduzieren. Die neuen Daten sind also Haare. Was auch immer du tippst, du gehst zum Bruder und erfrischst diesen Krieg. Klicken Sie nun während des Links, um zu reduzieren. Okay, wenn ich einfach nur erfrische, dass jetzt, warum es nur sichtbar ist, weil ich nicht am Ende der Sie wissen, dieser Zusammenbruch, dieser Zusammenbruch, wirklich notwendig ist , jetzt aktualisiert, dass wieder, wenn ich einfach auf den Link klicke. Nun, wenn der Text angezeigt wird, wenn er zurückklickt, dann ausgeblendet angezeigt wird Also definitiv funktioniert es wirklich perfekt. Aber eine Sache mawr, Sie wissen, dass die Annehmlichkeiten erfrischt, dass keine Texturen sichtbar für uns. Aber wenn ich eine weitere neue Klasse t i n hinzufüge und zum Browser gehe und jetzt aktualisiere können Sie sehen, dass dies ein zusammenklappbares Element sichtbar ist, wenn ich gerade zurückgeklickt habe. Jetzt wird die Textur entfernt. Aber wenn er wieder zurückgeklickt wird, ist der Text sichtbar. Eigentlich, indem wir den eisernen Ted verwenden, können wir den Text standardmäßig anzeigen. Der Mittelwert ist, dass der Text standardmäßig nicht versteckte Haare wegen der i n ist. Also hoffe ich verstanden. Nun, wir können das eiserne Haar auch im A-Tags-Element verwenden. Was immer du willst. Ich hoffe, Sie haben von dem zusammenklappbaren Lernen in der nächsten Klasse verstanden. Wir haben gelernt, dass, wie das zusammenklappbare anzuwenden ist auf dem Panel so gute Kaufzustand Ausbeute. 23. 21 Panel zusammenklappbar: Hallo und willkommen zurück. Also, Leute, es gibt noch etwas über den Bootstrap zu lernen. Eigentlich möchte ich Ihnen nur beibringen, wie man das zusammenklappbare auf die Paneele anwendet. Das ist, warum ich dieses Panel nicht geführt habe, während anstatt das neue einfach kopiert die 1. 1 und ah, Legis Raum dieses Haar an einigen zusätzlichen Räumen. Und dann entscheiden Sie jetzt einfach, dass das, was eines der Elemente in diesem Panel ist, das zusammenklappbar sein sollte und was die Schaltfläche sein sollte. Die 1. 1 sollte also die Schaltfläche sein, und dieses Element sollte das zusammenklappbare Element sein. Da zunächst die Seitenüberschrift die Schaltfläche sein, sollte zunächst die Seitenüberschrift die Schaltfläche sein,die das A-Tag formatiert. nicht der Knopf Eigentlichnicht der Knopf. Aber ein Tag ist perfekt für diesen Fall. So gut abgedeckt, dass und gehen Sie dort hatte nur ein Tag, das Ende ein Tag dort, dann gehen Sie nach unten. Dies nach dem Schmerz wird diese Schaffung neuen Tag treffen. Okay, warum schaffen einige Dinge den neuen Dave? Weil ich nur sicherstellen möchte, dass das, was das Element ist, zusammengebrochen werden sollte. Nun, sie kollabieren, und dann kollabiert das Panel das Spezifische. Leider, um das Panel zusammenklappbar jetzt das Element zu machen, das Sie nur zusammenklappbar sein möchten. Einfach in dieses Panel einfügen, die Beute und das Essen zusammenbrechen. Oder so lassen Sie uns das schneiden und diese Haare drücken und uns auch eine Gerechtigkeit geben. Also das ist anscheinend Körper und die Platte Essen oder gut, Ich muss nur hinzufügen 90 Haare werden, weil Sie wissen, dass wir die i d haben, um das Element und seine Taste zu verknüpfen . Also, da tippe ich nur c l a. Drei und geht an die Spitze. Und hier anstelle der Zielattribute, wissen Sie, dass wir in dem Angriff die X ref verwenden müssen. Also verwende ich nur dieses Jahr drei Haare, dann drücke in einem Raum und bekommt einen kühlen Verlust und füge dann eine Art von gehorsamen Effekten hinzu. Aber statt gehorsamen Effekten direkt nur an den Daten togo und dann, was Sie wollen Tuggle den Zusammenbruch. Okay, jetzt speichern Sie das. Nun, das Panel voreingestellt Stil. Das ist so gut. Also füge ich nur den Erfolg hier anstelle der einfachen Panel-Standardeinstellung hinzu. Sagen Sie das. Und jetzt bin ich diese Öffnung des Browsers aktualisiert, dass ein und jetzt können Sie sehen, das Panel Überschrift hier verwaltet golconda hating. Es kollabiert perfekt, wenn ich mich wieder trenne, es geht, wie Sie sehen können. Also, wenn Sie nur wollen, dass Ihr Element, uh, kollabiert direkt legis, setzen Sie das i n Jetzt aktualisieren Sie das. Jetzt können Sie sehen, dass Sie Element ist nicht wirklich standardmäßig ausgeblendet ist. Aber wenn Sie einfach dort klicken, dass auf das Panel mit seiner versteckten So hoffe ich verstanden über das Panel zusammenklappbar Wie das Panel leicht zusammenklappbar zu machen. Und Leute, auf jeden Fall lernen wir noch ein paar Dinge im nächsten letzten Staat Yoon und auf Wiedersehen. 24. 22 Liste Gruppe: Hallo und willkommen zurück. Also werde ich dir nur noch ein paar Dinge über den Bootstrap beibringen, wie diesen Präsidenten , oder was ich dir gerade beibringen werde, ist die Auflistung, wie man eine Liste im Bootstrap in der Art des Bootstrap erstellt , Eigentlich. Also, zunächst einmal flehe ich Sie an, etwas weniger mit der Juwel-Technik zu machen. Auf jeden Fall. Wir haben übrigens die U. N benutzt , um Listen zu erstellen . Jetzt ist hier eine enge Attribute. Ich werde nur einen Wert aus der Klasse als Listengruppe hinzufügen. Okay, speichern Sie das. Und seine Presse aumentar beim Verbündeten, wie für die UL erforderlich, endete die Klasse Airs Ville. Was? Die Klasse sollte eine Listengruppe sein, aber eine weitere Sache. Die Elementliste Gruppen-Element hier auf der Einstellung, der Text. Dies ist das Hebeelement. Duplizieren Sie das mehrfach. OK, geh zum Bruder und erfrischen das. Jetzt haben wir die Liste wirklich perfekt ausgesehen. Auf jeden Fall. Nun, wenn Sie nur die Listengruppe machen wollen, indem Sie die Live-Tags mit einigen weiteren Techniken verwenden, entscheide ich, dass die geschickte Vereinbarung bei Delis-Gruppen in der Detective Bell beginnt. Also vor allem, den kühlen Verlust zu verstehen. Und was dann? Das Valium. Ich setze nur die Klassen ein. Die Listengruppe erneut. Okay, das Gleiche geht in den Dev und fügte einige Maytags als Referenz der Hyperreferenz hinzu und entdeckte dann das. Und dann ist diese Art davon das Todeslistenelement. Was auch immer Sie eingeben möchten, um zu klären, dass es ein wenig anders ist. Und dann geht es zu den A-Tags der beginnende zerrte Angriff der A und setzt einige Kolosse als Bill und dann einfach Liste eingeben. Du weißt, dass das, was wir zur linken Gruppe haben, Tim das gerettet hat und zu dem Bruder geh und das aufgefrischt hat. Jetzt können Sie sehen, dass sie einfach sind, damit Haare nicht gut, nur replizieren, dass und jetzt aktualisieren, die nicht wissen, warum. Ich habe es einfach gesagt. Das A-Tag ist, weil ich nur sicherstellen möchte, dass wir nur etwas schweben. Jetzt ist das ganze Gebiet die Liste. Wenn es irgendwo klickt, kann ich überall zugegriffen werden. Wenn ich nur eine Adresse dort anstelle. Nun, es gibt etwas Interessanteres, was wir mit diesen Listen tun können, sowohl aus der Liste, sexuell Gerechtigkeit, Hinzufügen von Leerzeichen und wieder geben Sie den Listengruppeneintrag. Aber jetzt, beenden Sie es nicht dort. Dieser andere Bindestrich und geben Sie in vollem Umfang. Jeder Effekt, den Sie wollen, können Sie dorthin setzen. Aktualisieren Sie das. Jetzt können Sie sehen, dass dort schmerzhaft angewendet wurde. Wenn Sie nur tippen Gefahr oder eine dieser Kachel speichern und aktualisieren, dass jetzt es ist, wurde es Gefahr. Warum nicht? Ich kopiere das einfach. Jetzt kann ich dieses Haar nicht einfach so gut einfügen oder wo immer Sie wollen. Und dann entfernen Sie einfach die Informationen. Setzen Sie einfach die Gefahr statt der gespeicherten Informationen und aktualisieren Sie das. Jetzt können Sie sehen, dass die Gefahr da ist. Und die Info ist Haar. Nun, etwas mehr ist da, um die Listengruppe interessanter und interaktiver für den Benutzer zu machen. Eigentlich möchte ich nur das Hass und den Text der hörenden Interlace-Gruppe hinzufügen. Also lasst uns beim U l. Nun, ich gehe nur dort auf der 1. 1 Das Start-Tag der U l und diese Tippliste Gruppe wieder Das Gleiche geht wieder hinein und tippt. L I Ok, das zu bedecken und zum hier zu gehen, hierher zu gehen und dasselbe zu betreten. Du weißt, dass die Klasse von der Liste, Guru. Alles. Alles sollte die gleiche Liste sein. Gruppen-Element geht jetzt dorthin. Beleidigungen und Tabs. Nun, ich drücke nur Inter, weil es etwas hierher bringen wird und was ich nur Edge-Narr machen will . Und dann besuche ich hier den Text von diesem. Ja, das hasste irgendetwas. Was würdest du nur wollen, um ihre jetzt in einer kolossalen Ville zu stecken? Was? Die Klasse? Ich werde nur seine Liste setzen Go Artikel hassen. Weil das das hasste ist. Duplizieren Sie das. Nun, das sollte nicht die Anhörung sein, also sollte das nicht die Asche vier sein. Ich tippe nur David dort, und sie sind offiziell, dass ich die um vier Uhr eine Zelle entferne. Und dann habe ich das Hassen entfernt, weil es den Text geben sollte. Okay, das ist nicht das Hassen dieses Textes. Also hier esse ich den Absatz. Dies ist ein Absatz. Was immer Sie wollen nur sagen, Sie können jetzt einfach auffrischen, dass ich jetzt ein neues Hass habe . Jetzt noch eine Sache, dass, wenn ich diese einfach kopiere und einfach hier und hier einfügen und speichern und aktualisieren, dass Sie jetzt sehen können, dass es mehrere Gruppen von den Listen gibt. Sie können tatsächlich sehen, nicht die Gruppe aus der Liste. Eigentlich ist die Gruppe von hassen und die mehrere Gruppen von der Hass im Text gibt es wirklich perfekt aussehen . Jetzt werde ich einfach zum Notizblock gehen und tatsächlich dieses Drücken der Eingabetaste möchte ich dir nur beibringen , wie man diese Art von weniger mit den Dev-Tags macht. Also drücken Sie eine andere Inter und fügen Sie das Datum hier und es ist auf die 1. 1 Tack der Toten gehen und dann sind Sie wieder in der Nähe. Ich habe gerade erklärt, dass dies eine weniger zu Gruppe ist. Belled geht in diese Listengruppe und will definitiv nur wieder Theater machen , weil ich die Liste einfach auswählbar oder tatsächlich zugänglich machen möchte. Also, jetzt sind sie einfach nur Hash und drücken ein Leerzeichen, um zu entscheiden, dass der Verlust von Liste gewachsen ist, sollte alles gleich sein. Ich Grab. Okay, weißt du, spart das. Und in diesem hier, und sie haben nur eine andere Sache. Und was ich nur hinzufügen möchte, ist tatsächlich Interim zu drücken, nur einige gibt hier hinzuzufügen. Ok? Nein, dieser sollte ein anderes Tuch sein. Und was das Problem hier ist, ist nur die Listengruppe zu hassen, perfekt auszusehen. Dies dupliziert diese Wand und dieser Typ den Text. Okay, jetzt machen sie es einfach. Die Anhörung so entfernt die Devon nur tippen Sie voll und für die ersten Tag, tun Sie das gleiche die Ätzung voll bestimmte Industrie in voller und dann gerade da drüben und an dem Gegenstand in der 4. 1 Bereich. Ok. Und für den Text werde ich nur noch ein paar andere Dinge hinzufügen. Ist das Paar Rock Graph Was auch immer Sie das jetzt bevorzugen, aktualisieren Sie das wird. Jetzt können Sie sehen, dass Sie nur einen Hass erstellt haben. Also für jetzt, ich muss nur eine Sache tun, dass diese Kopie dies ein Tag und fügen Sie das hier, hier und hier. Speichern Sie das zurück und aktualisieren Sie es. Jetzt können Sie sehen, dass es eine Menge Schlagen mit einem perfekten suchen, aber etwas stimmt hier nicht. Sie können sehen, dass diese wirklich schlau sind und sie nehmen einen zusätzlichen Platz, weil Listengruppe , die ich nenne, das ist wirklich notwendig, was ich einfach nicht vorher gesetzt habe. Nun, wie ich sage, dass alles gleich ist, aber ich will dir nur ein paar neue Dinge beibringen. Deswegen bringe ich dir diese von L. D. um bei, die Listengruppe David Bill, I Tim zu machen . Jetzt setzen Sie einfach das Element mit jeder Listengruppe. Das Element dieser Gruppe, eigentlich. Also da ich Begriff und das ist das letzte Element. Ich hoffe, ich begreife jetzt, dass das perfekt ist. Jetzt wieder beim Artikel. Rettete das und geh zum Bruder, indem du diesen erfrischst. Jetzt können Sie sehen, dass es klug ist wie nur dieser, und ich hoffe, verstanden, wie man diesen auch macht. Und Millionen von Stimmungen über die nächste letzte Bleibe Melodie und auf Wiedersehen. 25. 23 zusammenklappbares Gruppenfeld: Hallo und willkommen zurück. Sie haben also viele Male über die weniger Gruppen gelernt, aber im Moment möchte ich nur im Panel und in den Listengruppen miteinander vorbeikommen. Eigentlich möchte ich nur die zusammenklappbaren Listengruppen dazu bringen, einen Winter zu unterdrücken und tatsächlich nur das DIV hier und dann und in der Klasse Penhall zu erstellen, was bedeutet, dass Sie hier nur über eine Art Gruppe sprechen. Dann geh einfach mehr hinein. Und dann nur mit Verlust, eine andere Klasse und Typ Panel Panel Standard, unabhängig von Ihrem Typ. Weißt du, das Beste, Dave. Eine andere Klasse hier, Panel-Hass, wie Sie gerade das Panel gemacht haben, wissen Sie, über all die Dinge über die Erstellung des Panels und dann hier, den kolossalen Panel-Titel. Weil ich nur den Titel des Panels hier setzen möchte. Und was sollte dann drin sein? Das ist eigentlich vier Krawatte, eigentlich vier Krawatte, die A und dann Hyperreferenz. Ich führte die Hyperreferenz später, aber jetzt, die Daten Tuggle, was möchten Sie durch Klicken auf diese Schaltfläche Das Reduzierelement wechseln. OK, bei dem es sich um ein kollabierendes Element handelt. Wir müssen hier im groben Dad erwähnen. Aber später, dort sagen sie zu Ihnen, dass abgedeckt und nur das End-Tag erstellt. Und dann tippen Sie einfach, was Sie wollen, sichtbar zum Hassen. Also die Panels Guru Hey, auch nicht die herum, eigentlich Gruppe hassen. Jetzt ging aus diesem Panel mit Drücken, geben Sie ein und erstellen Sie dann einfach ein anderes div, das das Gruppentag sein sollte. Aber es gab nicht zu erwähnen, dass dies die Gruppe sein sollte. Tatsächlich kollabiert das zusammenklappbare Flächenfeld. Ok, perfekt. Fügen Sie Leerzeichen hinzu und geben Sie Ausblenden ein. Das ist wirklich perfekt. Nun, fügen Sie ein Leerzeichen und endend in ich höre, was die i d Willst du Zeit nur Eingabe C l A. Ich denke, ich habe gerade das volle so klar gemacht, fünf was auch immer. Gehen Sie nun zum A-Tag und geben Sie einfach dasselbe ein. Die Asche. Fast fünf. Auf jeden Fall. Das ist perfekt. Jetzt gehe ich runter und hier dränge ich nur ein paar Interessen hier. Und was dann? Ich werde nur tippen ist der jetzt werde ich nur die UL setzen. Okay, hier tippe ich nur die Listengruppe ein, okay? Und ich werde den Verbündeten tippen. Alles ist wirklich einfach für dich, weil du von diesen Dingen schon gewusst hast. Ich möchte Ihnen nur zeigen, wie Sie die zusammenklappbare Liste mit dem zusammenklappbaren Panel erstellen können. Nun, nun, da ist der Listengruppeneintrag. wussten Sie schon. Nun, das ist die Nummer eins. Also listet Nummer eins auf, repliziert diese. Und das sollte das sein, um das zu duplizieren. Das sollten drei sein. Was auch immer Sie bevorzugen, Sie können dort duplizieren und das volle jetzt eingeben. Okay, jetzt geh runter von dieser Listengruppe und dann setze einfach die Tafel Hey, Battle Food. Oder tatsächlich, wenn Sie gerade bemerken, dass wir den Panelkörper nicht hier gesteckt haben, weil wir ihn einfach ausgedrückt haben, desto weniger Gruppe statt des Panelkörpers. Also haben sie einfach die d v l . Und dann nur an einem Kurs aus, können Sie verstehen, dass Munis die Tafelnahrung von jetzt in das Elfmeteressen stecken, oder sie sind einfach Oh, tut mir leid. Ich werde das noch mal machen. Okay, Dave. Und was dann? Ich werde es nur als Panel-Header setzen. Ist das Salpeter Essen oder ist das Panel Fouda? Sie können alles setzen, was auch immer Sie bevorzugen. Gehen Sie nun zum Browser und aktualisieren Sie diesen einfach. Jetzt können Sie sehen, wie die Panelgruppe hasst, als ich mich gerade hassen rief. Jetzt kann ich die ganzen Überschriften sehen, wenn sie zurückgeklickt wird. Jetzt ist es versteckt. Also Leute, hoffentlich, verstanden, wie man die Leute hier schafft. Aber Sie können sehen, dass es eine Menge Text gibt, den wir einfach nicht brauchen. Also, um Sie nur auf eine bessere Art und Weise zu führen, entferne ich nur die vorherigen Daten. Vor allem von diesen Lester oder eigentlich ja, von allen Listen, ist dies mehr bevorzugt. Der Film. Ich verschiebe nur die ganze Zweckliste, die wir gerade schon gelernt haben. Jetzt ist es wirklich einfach, und nur ein Inhalt ist hier. Speichern Sie das zurück und gehen Sie zum Browser und aktualisieren Sie es. Jetzt können Sie sehen, dass die Panel-Gruppe schlagen. Dann klicken Sie einfach auf zuverlässige Malerei. Ich kann die Daten sehen, und jetzt können Sie verstehen, dass, wenn ich am Eisen war hier und dann aktualisieren Sie diese jetzt können Sie sehen, dass standardmäßig wir die Liste sehen können. Aber indem wir ihre nehmen, können wir das gleiche tun, wie verstecken oder zeigen. Aber es gab etwas mehr, das Sie nur für Sie sollten über die Auflistung lernen. Also für den Moment, ich gehe einfach da raus aus dieser Panel-Gruppe Vergessen, weil ich nur eine neue Gruppe schaffen will , die den Teufel bekommt. Ok. Eigentlich werde ich nur das Akkordeon machen, was wirklich interessant ist hier in den Panelgruppen. Also die Panel-Gruppe und dann einfach dorthin gehen und immer ein Auge de aufgetreten die jungen nicht speichern und dann drücken Interim. Und dann ist der Teufel, was das Glas und hier setzen wird, hier die Klasse und dann Panel Panel Standard hinzufügen . Okay, das habe ich wieder gerettet. Und diese Desprez einige Interesse und dann Dave Klasse, die andere Klasse, die wirklich notwendig ist zu hassen. Okay, Sie wissen, dass Schlagen wirklich notwendig ist, weil wir nur die Daten für wir setzen einfach die klickbaren Daten hier in die Überschrift meist Nein, gehen Sie einfach hinein und setzen Sie einfach die F vier und die H volle Inning tagen. Dann hier. Zuallererst entscheide ich auch die Kolosse. Die Klasse des Paneltitels. Weißt du schon davon? Titel des Panels. Okay, jetzt gehen in die H ein und wieder, dass das gleiche tun, was das Ende der, äh h rau und was ich gerade in die HR setzen werde beleidigt die einfache Asche. Dann ändern wir uns einfach. Also, übrigens, Daten, was jetzt? Ich werde nur sagen, dass ich die Daten nicht ablegen werde, Tuggle. Ich tippe nur ein Elternteil. Und was ist das? Es ist offensichtlich, dass nach einem jungen ich nur Akkordeon ein tippen für die mehr Sicherheit und mehr Verständnis. Aber als ich gerade das übergeordnete Datum hinzugefügt habe, das wie einmalig sichtbar ist, sollte dies entsprechend einem sein, weil dies der Elternteil davon ist. Ein Etikett. Okay, ich rufe nur die Eltern an. Also dann einfach, ähm, ein paar Daten hier zu essen und was sie getan haben. Ich esse nur hier. Der Zusammenbruch Bürgerabkommen, die jungen nicht retten und gehen drängend Internet ing. Eine andere Sache hier, ich entscheide den Koloss und was ich gerade in das Tuch stecke, ist nur der, ähm, Alaska-Zusammenbruch. Okay, ich habe nur vergessen, was ich übrigens nur sagen muss, ich dachte, was wirklich anvertraut. Deswegen habe ich es einfach vergessen. Also, übrigens, ich tippe einfach den Panel-Zusammenbruch und den Zusammenbruch. Okay, das. Es ist wirklich perfekt. Was ich jetzt noch mehr tun werde, ist, dass du weißt, dass es einen Tag gibt. Also müssen wir nur die Idee hier setzen, weil dies ein zusammenklappbarer Bereich ist. Also C l eins Ok, siehst du? Oder ich denke, dass C. L. A. Sex jetzt mehr bevorzugt wird, einfach nur beim Hash und der C l. A Sechs. Und dann sag das und geh dort in den Kollapse-Bereich und ein paar Praktikanten und Zeilenumbrüche und dann nur beim Dev. Okay, jetzt gehen Sie zu den ersten und dann zum Kolosseum und behandeln Sie den Körper. Okay, Sie sind die Leichen hier. Was? Ich werde nur Terror in diesen Podiumskörper stecken. Ich tippe einfach nur. Das ist der Akkordeonbereich. Was auch immer Sie bevorzugen, Sie können dort tippen. Nun, das Interessante in der Demnach ist, dass Sie wissen, dass dies eine Panel-Gruppe ist und das ist ein Panel. Das Ich kopiere nur das einzelne Panel und füge innerhalb der Panel-Gruppe von einem Cody und einem ein. Ok, vergaß das nicht. Und dann fügen Sie das hier ein. Speichern Sie das. Jetzt können Sie sehen, dass es jetzt zwei Panels gibt, das Daten-Elternteil ist immer noch das Akkordeon eins, aber die tatsächlich Beute ist C L. A sieben. Und es sollte die fast sieben sein. Okay, jetzt, das ist wirklich einfach, denke ich. Nun, wieder, wenn Sie nur ein paar Moore setzen wollen, lassen Sie uns einfach dieses kopieren und einfach dieses Haar platzieren. Und dann wieder, das tat offensichtlich ist dies. Sagen Sie es nach einem. Sie wissen, dass dies die entsprechende ist, aber die Seeley Sieben nicht sein. Es sollte schwindelig acht sein. Speichern Sie das und gehen Sie zu dem Bruder und erfrischen, dass ich ein Lachen bekam. Verschiedene Akkordeons, die eigentlich nicht funktionieren. Das sind die Akkordeons, was bedeutet, dass ich irgendwo einen Fehler gemacht habe. Das muss ich rausfinden. Und der Fehler ist ein wirklich einfach, dass Hier können Sie sehen, dass dies eine einfache Heizung ist. Das sollte nicht wie die Heizung sein. Es sollte das Panel hassen. Okay, also speichern Sie das. Eigentlich, zuerst, kopieren Sie das und fügen Sie es und dort ein. Speichern Sie das und gehen Sie zu dem Bruder und erfrischen Sie, dass dies die zusammenklappbaren Akkordeons sind. Sie arbeiten nicht. Das heißt, es gibt etwas mehr, was falsch ist. Und wir müssen herausfinden, was es ist. Wussten Sie das, wenn ich einfach nach oben gehe? Also das wichtigste i d Dies ist die Panel-Gruppe, und Sie wissen, dass Immunität das Wir sind wirklich Akkordeon ist. Jetzt gibt es Aufzeichnungen, eigentlich. Also die Hauptideen, das Akkordeon eins. Okay, also eigentlich, hier in den A-Tags, rufen alle acht Eier komisch den koreanischen Won an. Also, wenn du nur ein I D anrufst musst du das Hanshin drauf setzen. Die sehr grundlegende Sache hier sollte es der Hash sein. Und es sollte den hat-Hash haben und dann aktualisiert werden. Nun, wenn eine Disc auf das zusammenklappbare Akkordeon klickt, funktioniert es immer noch nicht. Also geh zurück und kämpfe dich. Finden Sie das nächste Problem heraus. Sie sind also die Daten, die Eltern hier sind, und ich werde nur den Tag Tuggle hinzufügen. Ok. Was sind die Daten? Tuggle? Es ist eigentlich nur erwähnt, dass Was wollen Sie? Kollabieren? Lassen Sie diese Daten insgesamt kopieren und fügen Sie dies hier ein. Ein Etikett darin. Ein Etikett. Ok. Und es gibt nicht mehr. Speichern und aktualisieren. Klicken Sie nun wieder dorthin. Jetzt können Sie sehen, dass sie den Akkordeonbereich sehen konnten. Okay, aber wenn ich am 1. 1 offenbarte, hat die 2. 1 verloren oder tatsächlich versteckt. Und wenn ich einfach auf die dritte jetzt klicke, ist jeder versteckt. Nur die 3. 1 ist geöffnet. Dies wird das zusammenklappbare Akkordeon genannt. Ich hoffe, wirklich stand über dieses bekannte einige weitere Dinge in der nächsten Klasse, so bleiben Sie dran und auf Wiedersehen. 26. 24 Bootstrap Tabs: Hallo und willkommen zurück. Also im Grunde wissen Sie, dass wir für die Erstellung des Handbuchs im Allgemeinen die UL und Ally verwendet haben. Okay, auf diese Weise haben wir die ul beschrieben und dann innerhalb der USA. haben wir die ul beschrieben und dann innerhalb der USA. Wir setzen nur die Verbündeten, und dann erstellen wir das Handbuch, und dann wenden wir die verschiedenen Arten von Waffenstillständen an, Wir setzen nur die Verbündeten, und dann erstellen wir das Handbuch, und dann wenden wir die verschiedenen Arten von Waffenstillständen an, wie Float links und dann der Listen-Stil-Typ und was auch immer das Manu erstellt. Aber es gibt eine einfache Methode im Bootstrap. Ich werde dir übrigens nur beibringen , Hash und Deckung und dann einen Dagon als hier. Das ganze Duplizieren dieses drei- oder viermal was immer Sie wollen und dann nur den Text ändern , weil ich nur eine einfache und schöne Sache roh möchte. Sophia Mobile in, äh, Technologie, was immer Sie wollen. Okay, du weißt schon, spart das und geh zum Bruder. Hier ist die Akte. Ich klicke jetzt nur auf die Datei. Ich bekomme die Akte hier. Ok. Sie wissen, dass dies ein einfacher Weg von einem Menü ist. Also, jetzt müssen wir andere Dinge verwenden. Aber Sie haben Sie müssen nur eine Klassenliste in Zeile hinzufügen und nichts mehr. Dieser Typ Liste in Zeile und speichern Sie das und gehen Sie zum Bruder und aktualisieren Sie das. Jetzt habe ich den Leicester im Einklang mit der Straße in einer bestimmten Lücke. Sie können sehen, dass es, Ah, einfache Marge hat Ah, . Ein Klopfen, das klar ist, dass wir gerade den Mann gemacht haben, du okay, also jetzt etwas mehr. Ich will dir nur das Gleiche beibringen. Also kopieren Sie einfach dieses, dann die UL und den Raum dort. Okay, also jetzt nicht die Liste in der Zeile. Ich entferne den Eintrag Diamond. Ich tippe einfach. Nie. Der Knave ist tief. Teil des Bootstrap. Und wir haben gerade darüber geredet, jetzt haben Tabs, okay. Jetzt hat eine Menge Dinge, die Sie später auf Mittel für sie lernen. Für viele Zwecke verwendeten sie Labor. Und das ist eigentlich nicht haben. OK, geh zum Bruder und erfrischen das. Jetzt habe ich den Knave-Reiter. Das siehst du, wenn ich einfach schwebe. Die Dörfer schweben. Die Maus dort ist in Kraft. Ok. Und da war eine Linie. Eine lange Schlange. Dies wird der andere Effekt aus dem Menü oder der Navigation genannt. Aber wenn ich einfach dorthin gehe und das eigentlich hier angewendet habe, verteile ich nur jeden Raum. Und ich denke, der Hinweis Verlust aktiv. Dies ist eine andere Sache jetzt aktualisiert, dass Sie jetzt sehen können, dass durch die Verwendung der aktiven, können Sie sehen, dass es einen schönen Effekt potenziell macht dies als eine Registerkarte. Deshalb nennt man es die Registerkarte. Ich glaube nicht, dass es typisch aussieht, aber es gab etwas mehr, das Sie über die Registerkarten und die Menüs wissen müssen. Eigentlich können wir die Drop-Downs toe die zu den Tabs als auch hinzufügen. Sie haben gerade von den Drop-Downs schon gelernt, aber da werde ich nur den Drop-down in der u l n l I fliegen. Also, was für diesen Fall zu tun ist und hier, um die Drop-down anzuwenden, wir müssen denken, zum Beispiel, Ich werde den Drop einfach auf das Mobile, den mobilen Verbündeten. Also lasst uns zuerst die Klasse des Drop-Down gehabt haben. Dann müssen wir eine Menge Dinge tun. Dinge auf jeden Fall werde ich das jetzt tun. Ich sagte nur, die Drop-down-Liste und dann geht es dorthin zum A-Tag und führt die Klasse ab. Drop down viele Sie. Oh, tut mir leid. Diese Menge sollte viele beunruhigend sein. Das sollte der Dragon Tuggle sein, denn der Mann, den du nach dem a dag sein solltest, bevor der endgültige tote Verbündete an einigen Stellen. Warum hattest du diesen Platz auch hier? Um zu löschen, dass dies der spezifische Centex aus dem Drop-down-Menü ist, übrigens sind sieübrigensin diesem L A. Sie wissen über die verschachtelten Listen? Eigentlich werde ich nur die verschachtelte Liste hier erstellen. du lch Ok, und bedecke das und da gehe ich in das, du wirst. Und eigentlich, bevor man in die Legis in der Klasse aus dem Drop-Down-Menü, um den Verbündeten der UN und drücken A Mentoren und dann die Lebenden. Okay, das ist keine typische Zehenarbeit. Und dann ein Tag auf rau mich z hyper Referenz und dann Abdeckung, die andere Dinge setzen, wie Sie wussten, und dann setzen Sie die Hash-Luft. Und dann hier, lassen Sie uns wieder nach Hause nehmen oder nicht die heimliche mobile Info, denn ich rede nur über das Handy, wissen Sie, als die mobile Info und dann mobile Technologie, was auch immer Sie haben. Okay, Artikel. Das ist Claire. Aber es gibt etwas, wo wir das „A“ -Tag einfügen müssen. Sie wissen, dass wir die Daten Tuggle verwenden müssen und dann hier Drop-down. Und dann gleich nach dem Handy, nur für das Löschen, die nur mit dem Greif nach unten waren. Aber davor gehe ich einfach zum Browser und erfrische das. Und jetzt können Sie sehen, dass es ein Handy gibt. Wenn es auf ein Handy klickt, kann ich das Drop-down perfekt bekommen. Aber eigentlich möchte ich nur klarstellen, dass das Handy eine Art heruntergefallen hat. Also gehe ich einfach zum Notizblock hier zurück und bekomme dann das Leerzeichen und das Tippen und seine Spannweite. Und dann gibt es einfach das Tuch der Strömung zu bekommen. Wir haben bereits von der Zählung erfahren. Okay, jetzt speichern Sie das und gehen Sie zu dem Bruder und aktualisieren Sie das. Jetzt gibt es eine Karotte Zeichen, die löscht, dass es etwas im Handy Wenn ich einfach unbenennbar klicken. Jetzt habe ich die Drop-down-Liste. Ich denke, das ist perfekt und Sie haben eine Menge Dinge über das Drop-Down gelernt, wie Sie wissen müssen. Also werden wir einige Dinge in der nächsten Klasse lernen, sagen und auf Wiedersehen 27. 25 Bootstrap Pillen: Hallo und willkommen zurück, wenn dieses Glas und wird Sie über die Pillen für die Erstellung der Post zu lehren . Er benutzte dul wieder, aber die Pillen haben einen anderen Stil. Ich werde dir zeigen, wie man die Pillen benutzt. Und was ist der Unterschied zwischen den Pillen und Tab? Zuerst gehe ich einfach wieder in die Alliierten. Das schafft den Angriff. Okay. Und dann einfach den Hash setzen. Du weißt, warum ich Asche setze, übrigens, hier, ich tippe nur nach Hause Duplikat. Und in irgendeiner Angst, was auch immer du tippen willst, kannst du hier tippen, Sophea. Und da tippe ich nur Technologie. Und dann nehmen sie Kontakt mit uns auf. Was auch immer Sie wollen, Sie können hier setzen Kontakt mit uns, Norm. Ich gehe einfach zum U-L-Tag. Und hier fügen Sie jeden Raum hinzu und fügen Sie zusätzliche Kloss off knave zuerst hinzu, weil dies ein Teil der nie wieder. Und jetzt, wenn Sie sich daran erinnern, dass wir Tabs verwenden. Aber da waren die Pillen. Gehen Sie zum Bruder und aktualisieren, dass dies die Pillen jetzt, Pillen nur wie die Tabs aussehen, aber auf jeden Fall hier haben wir die Fähigkeit, die tatsächlich zu wählen, Jedoch jedes Element, aber etwas Mawr. Wenn ich einfach dorthin gehe und einfach eine kolossale effektive Nein. Die Unterschiede, wenn ich gerade aktualisiere, dass Sie jetzt sehen können, dass die aktive Klasse es ist wie eine primäre. Und hier, die Tabs, die aktive Brille, genau wie die Lasche. Das ist ein Unterschied zwischen der Lasche und den Pillen, eigentlich. Nun, wenn Sie einfach nur das Drop Down in den Pillen erstellen wollen Also wieder, nur tun die gleichen Dinge für jetzt auf diesem Kopieren der UL mit Navin von Pillen und Einfügen hier, Speichern und tatsächlich dort. Ich werde mich nur für die Technologie entscheiden . Also hier in der L I. Zunächst einmal ich nur die Klasse aus dem Drop-down-Menü hinzu, mache das gleiche wie zuvor in den Windel-Tabs hier. Sie wissen, dass das Hinzufügen der Klasse des Dropdowns und dann reiben und dann einfach auf das Extra für das a Tag gehen . Und das setzt die Ah-Klasse ab, Drop Down Tuggle und fügte seine Basis da drin hinzu. Erstaunlich. Die Daten. Tuggle. Okay, fallen Sie runter. Okay. Ich habe das gerettet. Das ist perfekt. Und dann geht es da, weil ich nur an dieser Pfanne wollte nur tatsächlich den Pfeil zu klären, dass dieses Element ah ist, tatsächlich hat eine Art aus dem Wagen. Jetzt ist das perfekt. Nun, was ich gerade mehr tun werde, ist nur hinzufügen in seinem Tempo. Zuallererst, indem Sie hier den Zeilenumbruch eingeben und einen Tab bekommen und dann dorthin gehen, bevor die Acht hatte in Ordnung, diese Aufrechterhaltung dieser auf der perfekten Position in hier gerade starten die UL. Weißt du, alles ist, dass es so aussieht, wie wir es vorher getan haben. Okay? Ich habe gerade das u l hinzugefügt und hier entscheide ich, welcher Verbündete sie sein sollten und ich sollte Recht . Und dann die A-Tag-Hyper-Referenz. Und in diesem Moment füge ich nur das Hash-Cover hinzu, das und dann die, zum Beispiel, die Computertechnologie. Und dann nehme ich an, ich tippe hier nur die mobile Technologie und dann die in Vyron mentale Umwelttechnologie. Aber ich habe keine Ahnung, was auch immer. Ich tippe nur. Aber aktualisieren Sie, dass jetzt gibt es die andere neue Sache. Aber Sie können sehen, dass das Menü geöffnet ist, weil ich die Klasse nicht aus dem Dropdown-Menü hier hinzugefügt , was wirklich notwendig ist. Lass die vielen runter fallen. Sie haben das gespeichert und aktualisieren Sie es. Nun, wenn es dort klickt, kann ich das Menü bekommen. Dies ist wirklich perfekt und wirklich einfach, um das Menü zu erstellen. Das Drop-down-Menü mit den Pillen. Also lasst uns noch ein paar Dinge über die Pillen lernen. Ich gehe dorthin und kopiere eigentlich einfach die 1. 1 Dieses. Okay, weil ich dir nur noch ein paar Dinge zeigen will. Dieses Karpfen, das ist Palin, das gerade nach der letzten Pille klebt, die Drop-Down-Verschüttung. Und dann gibt es noch ein anderes Tuch, das sie nie überprüft haben. Okay, speichern Sie und gehen Sie zu dem Bruder und aktualisieren Sie das. Jetzt können Sie sehen, dass der schwebende Manu die Hover Pillen Navis Tag genannt wird, was wirklich einfach wieder ist, nur kopieren diese. Und dann will ich nur noch eine andere Klasse spielen. Das Entfernen dieser angegriffen komplett mit knave als auch, jetzt gehen zu Bruder und erfrischend. Jetzt ist das eine einfache, aber wenn ich nur den Knave hatte, um keine Daten zu speichern und zu aktualisieren, können Sie sehen, dass das Geld nach dem Bildschirm völlig gerechtfertigt war, und es ist stolz, viel wie nötig, Also alle, die Dinge sind nur die Pillen. In der nächsten Klasse lernen Sie mehr Dinge im Bootstrap, so dass 28. 26 Bootstrap dynamische Tabs und Pillen: Hallo und willkommen zurück. Also in dieser Klasse werde ich dir einfach noch ein paar Dinge vom Bootstrap beibringen. Eigentlich sind Sie gerade dabei, die dynamischen Pillen und Tabs zu machen. Zunächst einmal beim Koloss aus dem Knave und nie Pillen. Jetzt gehen Sie in die UL und fügen Sie einige l ich tatsächlich habe ich es einfach das Tag, das ist nicht das eigentliche Element. Jetzt A und dann bedecken, dass und ihn dieses Tippen nach Hause wieder zu besänftigen. Vergiss einfach das Ganze. Oder jetzt, holen Sie es einfach zurück. Weil es etwas mehr gab, das wir in das Haupt-A-Tag setzen müssen, die Daten Tuggle. Okay. Was willst du hier ziehen? Pille. Okay, kein Sparen. Und da werde ich einfach nur den p hier in diesem Moment setzen, duplizieren Dann werde ich einfach klar, dass was für ein p eins? Dann geh einfach aus dem Juel. Ich werde nur nach dem Bruder suchen. Aktualisieren Sie das jetzt können Sie sehen, dass es angewendet wird, aber eigentlich hier erstelle ich nur das DIP-Tag, okay? Und in die Diff-Tags gehen. Ah, Waldelement. Und jetzt geben Sie einfach den Tab-Inhalt ein. Okay, jetzt geh rein. Dieser Dev und nur ein paar andere Dinge. Eigentlich ist das eine Gruppe von mehreren Leben. Der Tab-Inhalt ist eine Gruppe von mehreren Tipps gibt hier. Ich tippe nur. Dies ist das P ein div bedeutet, dass ich über dieses spreche. Dies sollte BP vorher behandelt werden. Okay, das hier ist der DP, der tot ist. Jetzt müssen wir einige Koloss hinzufügen ist die Registerkarte Schmerz und dann Hinzufügen von Leerzeichen und Hinzufügen in 90. Also, was ist die Idee für die p eins ist P eins? Okay, Jetzt ist die Idee eine Verknüpfung zwischen den beiden von ihnen und dann einfach duplizieren, dass vier mal p zwei p drei p vier p zu sein drei p vier speichern und gehen Sie zum Bruder und aktualisieren, dass jetzt, wenn es auf zu Hause klicken, ich kann sehen, dies ist die P eines Tages, wenn es auf Petri klicken. Wissen Sie, das ist ein P drei p zwei p voll. Alles funktioniert gut, Aber da will ich nur sehen, dass l das Element die Pfannen in der verblassenden Stimmung. Okay. Ich will nur Teoh. Ah, ich zeige dir, was ich will. So fügen Sie einfach das Schicksal in der Nähe, dass die alle Elemente wieder aufgefrischt. Nun, wenn es zu Hause gekocht wird, können Sie sehen, dass die P kommt mit einem leise okay und gehen wirklich sanft aussehen perfekt . Sie können das sehen, wenn Sie mehr fürchten und dann zurück zum Notizblock gehen und welches Sie standardmäßig öffnen möchten , zum Beispiel das Petri. Also lasst uns einfach in der Klasse vom I und zum P drei gehen und zum Bruder gehen und erfrischen. Es ist nicht standardmäßig geöffnet. Und tatsächlich haben wir eine andere Klasse gelesen, den aktiven Koloss. Okay, jetzt zum Beispiel zum Bruder . Ich bin da. Aber wenn es ein Französisch jetzt können Sie sehen, dass dies die P drei Tage. Okay, wann immer ein wenig frisch. Aber hier ist dies nicht zu erwähnen, dass, welche Pille automatisch oder standardmäßig gesammelt wurde . Also dort müssen wir die gleiche Sache die Klasse aus aktiv hinzufügen. Jetzt speichern und dann aktualisieren, dass Sie sehen können, dass der Torf reduzierende, aber vereint gestrickten Bereich . Ich kann den Fokus nicht ändern, aber vor dem P drei. Nun, die andere Sache ist, willst du das Gleiche bekommen? Die Nervenpillen und Tab-Inhalt in der Registerkarte A Nicht die Pillen. A Vorerst kopiere ich einfach den Tab-Inhalt und hatte keine Pillen. Die beiden Dinge in Ordnung. Und nur dieses Haar kleben. Okay, jetzt zuerst beinhaltet, dass das nicht mehr die Pillen sind. Das sind die Tabs. Okay? Und für die p one, ich tippe nur t eins für den perfekten passenden P t zwei t drei t vier. Und hier. Auf jeden Fall. Wir müssen es ändern. ID ist t eins t zwei t drei t vier. Das ist perfekt angepasst. sind die Daten, Wassind die Daten,die Sie wollen? Tuggle ist nicht mehr die Pille. Es ist die Registerkarte auf der Registerkarte. Alles sollte in der Tablette der Pille Weg sein. Jetzt speichern Sie das. Geh zum Bruder und erfrischen das. Jetzt haben wir die Kills. Die Registerkarten jetzt dynamische Registerkarten ist nur, wenn ich nur auf der Startseite schauen, Ich bin immer das Haus und es klicken Sie einfach auf die Startseite wieder. Aber die Vorseele Es öffnet die Leute und Peter und was immer Sie wollen. Also denke ich, das funktioniert perfekt. Also hoffe ich, dass du in dieser Klasse eine Menge Dinge lernen wirst. In der nächsten Klasse lernt man mehr Dinge. Bleiben Sie dran und verabschieden Sie sich 29. 27 Bootstrap Pager und Pagination: Hallo und willkommen hier zurück und seien Sie Containerflüssigkeit. Ich setze nur noch ein paar Sachen ein. Ein paar neue Dinge für den Bootstrap. Eigentlich möchte ich Ihnen nur die Pager-Indep-Entfremdung zeigen. Die beiden sind wirklich interessant. Zunächst einmal, ein Mann in der Klasse des Pagers und was ist eigentlich der Pager ist wieder ich denke, dass wir die UL anstelle von süchtig verwendet. Also aktualisiere ich nur diesen Schwan und diesen in ul und dann einfach hier füge ich Verbündete wieder hinzu, lebendig und dann das vorherige okay, und dann hier, ein Tag als Bill Hash-Abdeckung, bedecke die Nähe hier im Verbündeten, replizieren. Und sie sind in dieser Eingabe vorheriger. Okay, ich denke, die Klasse vor und hier die Klasse vom nächsten treffen, das vorherige entfernen und als nächstes hier speichern, zum Browser gehen und aktualisieren. Jetzt können Sie sehen, dass die vorherige und die nächste. Aber was sind sie die vorherigen und die nächsten? Eigentlich sind sie die Länge, um auf die vorherige Seite zu gehen oder zur nächsten Seite oder zum nächsten Licht oder vorherigen Folie zu gehen. Sie können in was verwenden, welche Art und Weise Sie wollen, indem Sie das Recht bei ref setzen. Na ja, definitiv da. Nur dieses Kind für jetzt, weil es keine Edwards gibt oder es keine Programmiersprache , die wir angewendet haben, war, warum sie so weit sind als einander zueinander. Nur weil das Hauptelement das Containerelement so ist, Writer, wenn Sie die Spalte wie zu verwenden und die Spalte die zu OMG behandeln aussehen, dann werden sie so nah sein, nur weil aus den scheinbaren Tags. Indem wir das tun, ist nur ein Pager im nächsten, äh, es Schritt, werde ich Ihnen einfach etwas über die Seite in Nation hier, die andere UL und die Klasse von der UL hier Klasse, Paging-Nation. Und das bedeutet, dass der Verbündete in die Seite der Nation gebracht wird. Und dann wieder die gleiche Sache, die in den Verbündeten gehen und die Hyperreferenz setzen und zu dieser Zeit die Hash-Abdeckung und dann ein zu befreien Narr fünf und sechs. Speichern Sie das, und aktualisieren Sie es. Sie können sehen, dass 123456 Eigentlich, die Paginierung, die wir überall hinzufügen können, wenn wir nur die Seite erstellen und für die Änderung der nächsten Seite. 123456 Und wie viel Länge du hier hast. Das ist also wirklich einfach und wirklich einfach. Aber eine Sache mehr, die Sie sehen können, dass dies nicht in der Mitte ist. Ich will nur die Paginierung in der Mitte von der Seite. Also für diesen Fall werde ich nur ein neues div erstellen. Nun, wir haben etwas über das Textcenter gelernt, das ich gerade mit diesem Juwel Textcenter bewerbe. Okay, also sind sie definitiv, ich schneide nur diese CD ganz ul und sie fügt das in diese ein, das Textcenter. Wir haben in den Anfangsklassen etwas über das Textcenter gelernt. Wenn wir nur über die Textstile oder etwas sprechen Jetzt können Sie sehen, dass die Seite Emission in der Mitte der Seite ist. Sieht so gut aus. Dann entscheide ich die Klasse effektiv hier mit der Nummer drei OK, nur um Ihnen zu zeigen, dass es aussieht, wenn eine der Klassen aktiv ist. Okay, Sie damit Sie sehen können, dass es anklickbar ist, ist es nicht. Und zum Beispiel zum Beispiel möchten Sie die fünf Zahl einfach nicht anklickbar machen. Also in der Klasse wieder und Typ deaktiviert ET ist wirklich wichtig. Okay, das ist frisch. Jetzt können Sie sehen, dass es ein Abzeichen gibt. Kein Link oder kein Klick auf ihre deaktiviert, tatsächlich. Nun, jetzt werde ich noch etwas tun. Es kopiert tatsächlich das Textcenter und Basting dort, Es, dort, Es, aber nur durch die Zeit ist in Ordnung. Und dann für die Narren ein Okay, für die 1. 1 füge ich die Paginierung wieder hinzu, okay? Und die Paginierung sm und da füge ich nichts hinzu, weil dies eine einfache Paging-Nation ist . Die Paginierung leer, was standardmäßig ein ist, also müssen Sie nicht die Paginierung MD und dann die Seite in Nation setzen. Okay, LG Okay, die Emission der Seite. Fragen Sie sie und die Paginierung Ambi, die es standardmäßig Sedona nicht brauchen, um die Seite Nation Amdy und dann die Paginierung LG speichern und gehen Sie zu dem Bruder und aktualisieren Sie diese Welt. Dies ist die Paginierung wie sie Sie können sehen, dass dies eine Paginierung MD ist, die der Körper fallen und dies ist eine Seite Emission lg Ich hoffe, Sie haben alle von ihnen gelernt, so dass ich in die weitere Klasse gehen muss , um mehr Dinge über den Bootstrap zu erfahren. Bleiben Sie dran und verabschieden Sie sich 30. 28 Bootstrap Navbar: Hallo und willkommen zurück. Also in dieser Klasse möchte ich dir nur noch ein paar Dinge beibringen. Aber dort müssen wir nicht weiter an der Spitze schweben. Eigentlich machen wir die fortlaufende Flüssigkeit im Inneren des Elements zum Knave-Element. OK, das ist nicht unbedingt setzen die knave tag. Beginnen Sie mit lebenden Tigern ville. Weil wir hier nur die Klasse von der Naba hinzufügen müssen. Wir erschaffen und haben es nur. Und jetzt ist dies Ihre Wahl, dass Sie ein knave Tag oder die allgemeine, die sie getaggt haben, verwenden. Übrigens. Ich habe gerade genug erschaffen. Dagenham geht in diesen Tag und dann dort. Ich lege nur den Behälter hierher, okay? Denn dies ist wirklich notwendig für den Container zu diesem Zeitpunkt. Ich erstelle nur einen einfachen Container. Dann werde ich Ihnen nur zeigen, dass Was ist der Unterschied zwischen der Behälterflüssigkeit am Behälter innerhalb der Nie Bar. Okay, also innerhalb des Containers müssen wir einen Tag schaffen und es sollte der Knave-Bar-Hater sein. Ok. Ich habe gerade den Hitter erstellt, und im Hitter muss ich etwas wie vor allem das a A-Tag und die Klasse eingeben , wenn a die Knave-Bar-Marke ist. Jetzt geh da hin, bedeckte das und leg dann so etwas wie die Stiefel. Es ist gefangen. Okay, nein, speichern Sie das. Und was ich gerade verderben werde oder ist nur ah, da hinzugehen, indem man im Raum hinzufügt und das Extra benutzt, wenn man weiß, dass die Atrophie im A-Tag wirklich wichtig ist . Nun, kurz nachdem die Haight einen weiteren Dave erschaffen hat. Ok. Und in diesem, Dave, erstelle ich nur die UL auf diese Weise. Du l und dann in der, ähm, ich erschaffe nur einen Koloss von der Knave Knave Bar. Nie. Okay, jetzt, was ist die Nab unsere Es ist eigentlich eine Navigation, die in der Knap-Bar ist. Okay, nicht die Tabs oder die Pillen. Oder was ist mit so Verbündeten und dann wäre der erste Verbündete. Und dann nur eine Klasse eine andere Klasse hier hinzufügen, sollte es die aktive sein. Oder wenn du nur aktiv willst, noch einen. Also lassen wir es einfach frei, Melody ein Tag und das rau und dann die Sie wissen, dass dies ein grobes sein sollte, und dann das Hash-Tag, decken ein und dann hören, was ich gerade tippen werde, ist das Ganze in Ordnung jetzt duplizieren, dass nur Nehmen wir an, ich tippe nur selbst fair. Ok, Musik, was auch immer du kreieren willst, es macht Spaß. Kontaktieren Sie uns, okay? Es ist nein. Speichern Sie das. Und jetzt, welche Sie als Aktive wollen? Ich werde dir einfach beibringen, wie und waren, Nun, das ist eine einfache, nie Bar, die perfekt aussieht. Nein, weil es keine zusätzliche Wirkung hat. Es gibt einen einfachen. Dies ist die Dies ist die tatsächlich der Logo-Titel oder der Name der Heizung. Und das sind die Menüs. Das Hören geht wieder dorthin. Und dann einfach gehen, um die nie Ball die gemeine, dass leihen. Lüften Sie irgendwelche Besonderheiten, versuchen Sie nach dem nächsten Balken? Ich verwende zu diesem Zeitpunkt nur den Ne-Bar-Standard. Es gibt zwei Stile für die linke Leiste. Wenn ich das gerade aktualisiere, können Sie jetzt sehen, dass es einen großen Bereich gibt, und dann können Sie sehen, dass diese Elemente in der Farbe des dunkelgrauen Werkzeugs bedeckt wurden . Übrigens, wenn ich diese einfach kopiere oder einfach den Standard im Schlepptau ändere, inversen, inversen, speichere das zurück und aktualisiere, dass du sehen kannst, dass dies ein umgekehrter Effekt ist , der schöner ist als der vorherige übrigens ist es auf Sie, dass, wie Sie gut verwenden, die neue Musik sollte der aktive Koloss auf die Entscheidung der aktiven Klasse mit der Musik aktiv sein, Speichern dieses Ende erfrischend, dass Sie sehen können, dass das Musikkollektiv es aussieht die aktive. Die anderen Dinge sind, wenn Sie nur einige wenige Dinge zum Beispiel hinzufügen, entscheiden Sie nicht über Bar einen anderen Stil der Nussleiste und geben Sie fest bedeutet, dass Sie nur Ihre Nervenleiste fixieren möchten . Ok, es gibt zwei Seiten. Dein Aufklärer hat dein Nickerchen oben und unten fixiert, so erfrischt, dass ich jetzt nichts Besonderes bekomme. Aber eigentlich, wenn ich die Daten einfach so legte, dass Aaron tatsächlich repariert, versuchen Sie einfach, die Daten direkt nach der Navigation zu setzen. Dann können Sie feststellen, dass, wenn Sie Ihren Bildschirm scrollen, Ihr Hitter behoben ist. Nicht es krabbelt. Also, übrigens, Sie könnten andere Sache auch unten eingeben. Jetzt speichere das und aktualisiere das. Jetzt siehst du, dass du Hillary auf der Flasche bist. Nun, das ist nicht notwendig, um die Elemente wie das Menü einzugeben. Wenn Sie einfach den Roman in den Boden oder Menü oder den Hasser setzen, können Sie alles in der Na'Abba eingeben. Nun, die andere Sache ist, dass wir das Drop-Down hinzufügen können, um Bar zu verweigern. Also sind sie das, was ich gerade tun werde, ist das Entfernen der fixen Unterseite, um oben zuerst zu reparieren. Okay, jetzt sparen und welche Sie das Drop-down machen wollen. Zum Beispiel die Software. Also in einem Kolosseum, die erwartete Klasse, wissen Sie, sie sind heruntergefallen, werden dasselbe verwenden, was wir gerade tot könnten, bevor Frauen nur über die Nab unsere sprachen ... und dann müssen wir den Koloss mit einigen der Dinge wie diese ein Tag. Und ich füge hier nur die Drop-Down-Toggle-Klausel hinzu, okay? Die andere Sache ist die Daten Tuggle, Sie wissen, dass, wenn Sie nur das Dropdown-Menü verwendet haben, dann müssen wir die Daten Tuggle verwenden, Ezzell, Ezzell, und definitiv ist dies ein Javascript-Element. Dann haben wir uns entschieden, herunterzufallen, und die Safiya und die Hyperreferenz sollten leer oder einfach wie der Hash sein. Das ist wirklich perfekt. Und dann, kurz nachdem der Text es danach genommen hat, nach Text oder was auch immer Text Gesetzgebung dieses Panto Clearing, das Sie wollen, Sie hatten es. So etwas wie das Drop Down bedeutet, dass die Klasse weggelassen wird, weißt du, aber die Karotte. Okay, jetzt, kurz danach, kurz vor dem End-Tag des Verbündeten. Ich bin dies stellt einen Mentor dar, als nur das u l hier zu setzen. Okay, jetzt, für das hier bist du, entscheide ich den Kloss. Ah, auf diese Weise. Und dann die Drop-Down-viele Sie okay jetzt in das Drop-Down-Menü gehen und dann nur den Verbündeten bekommen und dann hier die eine drafty Hyper-Referenz. Und dann ist dies wieder das Hash-Tag. Jetzt ein Cover, die a Und dann hier tippe ich nur das zum Beispiel. Ähm, Windows-Software ist in Ordnung. Was auch immer Sie eingeben möchten, Sie können hier eingeben als die Ich tippe nur den Mac oder Apple. Sophia. Ok. Und da übersteigt der Schreibtisch unsere Angst. Was auch immer du mitnehmen willst, wir retten das und gehen zu dem Bruder. Erfrischend. Jetzt können Sie sehen, dass dies nach hatte einen Mann, Sie oder tatsächlich die Karottenverbindung. Wenn es dort klickt, kann ich die vielen Oh, das Drop-Down-Menü bekommen . Ich hoffe, du hast wirklich von dem Drop Down in der Nabaa verstanden. Roseville. Dies ist also die Zeit, um mehr Dinge zu lernen. Sie wissen, dass dies ein Bootstrap ist. Das ist die Speisekarte. Warum nicht nur ein Putt? Ja, ich gehe einfach da hin und an einer anderen Sache. Nun, eine Sache, bei der ich Ihnen nur klar machen möchte, dass wir mehrere Menüs erstellen können. Mehrere Menüs, wie Knave. Burnaby, ich werde dir nur beibringen, was ich gerade tun werde. Burnaby, Dann werde ich dir etwas beibringen. Kneifen Sie hier nie. Ok? Was soll der Netball bedeuten, richtig? Ist Ihr einfach, dass, wenn Sie gerade aktualisiert Jetzt können Sie sehen, dass die nie Bar dieses Element , das genug von rechts hat, hat an der richtigen Stelle sind. Okay, jetzt, kopieren Sie einfach diesen und fügen Sie ihn dort ein. Ok? Also hier entferne ich das nur. Haben Sie jetzt jetzt speichern und aktualisieren. Jetzt können Sie sehen, dass das Handbuch dort und das zweite Menü da ist, nur weil wir es einfach das nie richtige mit dem zweiten Menü setzen . Ich platziere nur beide, weil ich dir nur beibringen will, und du solltest dieses mehr und mehr Testament etwas mehr ausprobieren , was ich dir nur beibringen möchte. Und diese Klasse ist, wenn ich nur in den oberen Bereich gehe und das ist der Container. Ok. Jetzt können Sie sehen, dass es eine große Lücke gab. Okay, nur wegen des Behälters. Aber wenn ich nur den Container und Bindestrich eintippe, speichern und aktualisieren Sie, dass jetzt können Sie sehen, dass die Lücke jetzt sehr dünn ist. Nun, in der nächsten Klasse werde ich dir noch ein paar Dinge über den Bootstrap beibringen, also bleib dran und verabschiede dich. 31. 29 Bootstrap Form (1): Hallo und willkommen zurück. Also in dieser Klasse werde ich nur über die Adlerfarmen unterrichten. Also etwas etwas über die Formen. Sie müssen wissen, dass wir die vertikalen Farmen erstellen können. Wir können die Inline-Formulare und wirklich interessante Sache im Bootstrap erstellen. Und dann können wir das Formular erstellen. Horizontal ist horizontale Formen. Bedeutet, dass ich Sie alle Baumfarmen von der Form leiten werde, die tatsächlich formal im Bootstrap genannt wird . Die 1. 1 sollte die vertikale Form. Nun, die Standardeinstellung, die sie aus. Das Erstellen des Formulars in Bootstrap ist eigentlich die vertikale Form. Also gibt es die Containerflüssigkeit, und ich werde nur das Formularelement erstellen. OK, ich verzerre das Erstellen des Formulars, indem ich das Formular verwende, das im informierten Tag markiert ist und innerhalb oder kurz vor dem Formular gehe . Ich werde nur das Schlagen hinzufügen, indem ich den Pager benutze. Wenn Sie sich nur daran erinnern, dass wir gerade über die Seite oder in einigen früheren Klassen hier gesprochen haben. Die Seite auch eine andere Seite oder Seite Hater. Okay. Okay. Also treffen sie sich im Raum und dann die Ätzung für jeden. Okay? Was immer Sie bevorzugen. Sie kennen das Beste über Ihre Bedürfnisse bei einem und jüngsten Bootstrap. Vollständiges Design. Okay, was auch immer. Jetzt geh zum Bruder und erfrischen. Jetzt können Sie sehen, dass die Stiefel Formularentwurf fallen. Gehen Sie zurück zum Notizblock und gehen Sie in die Formularelemente. Und tatsächlichhören Sie, hören Sie, wenn Sie sich nur daran erinnern, dass wir das Tabellenlayout zum Erstellen des Formulars, der perfekten Form verwenden müssen, oder wir müssen viel CSS erstellen, wenn Sie nur das erstellen möchten, wenn Sie nur der Tod für die Formen. Aber hier im Bootstrap müssen wir nichts erstellen. Sie müssen nur das Dave-Tag eingeben und dann nur die Klasse aus der Formulargruppe erwähnen. Okay, nun, innerhalb einer Gruppe, wir haben nur Sie können einfach nicht zwei Dinge setzen das Etikett und das die Eingabe oder das Tag, das andere Paige Form-Tag. Wie wir das tun können. Zuerst müssen wir das Etikett hinzufügen. Okay. Und dort, in den ersten Etiketten, entscheide ich das volle Attribut. Und dann gibt es den eigentlichen Namen. Okay? Alles, was Sie eingeben möchten, wissen Sie das Beste über Ihre Bedürfnisse dort. Ich werde nur den Eingabetyp setzen. Ähm, Text. Okay, einfach. Das ist perfekt. Aber wenn ich nur zu dem Bruder gehe und das Nein auffrischen, sieht das nicht aus wie ich. Das hier. Dies ist ein einfaches Formularelement. Das Eingabetag ohne Bootstrap. Also zuerst, hier muss ich nur etwas nehmen, wie deinen Namen oder alles, was du willst. Und dann ist das zweite, was gut drin ist. Protagonist, setzen Sie die Klasse Formular-Steuerung. Dies ist die einzige Klasse in den Formularelementen innerhalb der Formularelemente für die Anwendung auf die Importe. Markieren Sie Tags und den anderen Hund wie Textbereich durch den Bootstrap erstellt. Gehen Sie zum Bruder und aktualisieren Sie, dass Sie sehen können, dass Ihr Name. Das ist dein Label. Und das ist das Eingabetag, wenn es dort gekocht wird. Jetzt können Sie sehen, dass es einen schönen Schatten um das Element hat und sieht wirklich, wirklich schön, um eine Form zu erstellen. Moment entferne ich nur die Behälterflüssigkeit. Okay? Und dann speichern Sie das. Und jetzt erfrischen Sie das wieder. Jetzt können Sie sehen, dass in Form ist wenig gequetscht und perfekt aussehen. Nun, für das nächste Element, kopieren Sie einfach deformierte Gruppe einmal oder viel Zeit, wann immer Sie wollen. Okay, das ist also ein Name. Das ist Ihre E-Mail. Was immer du willst. Ihre E-Mail, Ihr Passwort. Okay. Und Hirsch bestätigt Pass. Alles, was Sie nur wollen, um Passwort gut für die E-Mail zu setzen. Und es setzt die Schätzung fünf neues Element. Die E-Mail für die Validierung dieses Textfelds. Und für den Pass haben wir das Passwort verwendet, das ist die älteste Emails A und für den bestätigenden Pass oder definitiv sollten wir das Passwort erneut verwenden. Speichern und gehen Sie zum Bruder und erfrischen. Jetzt können Sie sehen, dass es drei Elemente, die perfekt mit dem perfekten Rand ausgerichtet sind und klopfen schön aussehen. Okay, wenn Sie nur Teoh wollen, stellen Sie sicher, dass, wenn Sie nur denken, dass die Höhe ist, dass die Videos wirklich riesig davon waren , diese Elemente lassen diese Elemente einfach in die Spalte stecken, zum Beispiel. Ich gehe nur zum „me inform“ -Tag, und es gibt die Klasse von der Spalte. MD acht. Wenn Sie sich nur erinnern, haben wir gerade über die Formelemente über die Strömungen erfahren. Jetzt können Sie sehen, dass diese sie gequetscht werden 11. Aber ich werde das Kolosseum nicht setzen, weil ich dir nur die Form zeigen will, wie das Telefon funktioniert. Aber die andere Sache ist, ich werde einfach das komplette Formular-Tag innerhalb mit ihrem inneren Element kopieren, übrigens. Und sie sind nur eine Sache, die wir tun müssen. Sie zuerst, AktualisierenSie zuerst,dass Jetzt können Sie das neue Formular in Ihrem Namen sehen. Und dann aber davor denke ich, ich sollte den Seitenhitter Advil kopieren und ihn hier einfügen. Und dann ist dieser Typ Rand voll bei vier. Und das Bootstrapped in Linienform. Okay, also jetzt tun Sie eine Sache im Form-Tag Hinzufügen der Kloss in Lyon. Entschuldigung für die Form und in der Linienmusik, Forman. Leben retten und zum Bruder gehen. Und aktualisieren Sie das. Jetzt können Sie sehen, dass Ihr Name, Ihre E-Mail, Ihre mögliche in Ihrem Konferenz-Passwort. Alles ist in der Linie Art und Weise wirklich perfekt aussehen, hoffe ich. Interessiert am Erstellen des Online-Formulars. Die letzte Sache hier, die eigentlich letzte Möglichkeit, ein Formular zu erstellen, ist die horizontale Form für die horizontale Form. Led einfach kopieren Sie dieses Formular wieder mit der Seite Hater. Okay? Und sie sind eingeklebt. Und dann tippen Sie einfach die Stiefel. Drop Hori Zon, Tal Form Speichern Sie diese und dann entfernen Sie einfach diese Klasse oder einfach nur eine große die Klasse in Form für seinen Onkel statt der vollen in Linie horizontal. Okay, speichern Sie das und dann im Formular in der Gruppe jeder Formulare. zunächst Lassen Sie unszunächstdie Beschriftung und Eingabe als Spalte für die Beschriftung machen. Ich entscheide den Zusammenbruch. Zuallererst das Steuerelement. Nun, ich sage das Land vielleicht später, weil ich dir nur zeigen will, was es tun kann. Es ist direkt bei der Kohle MD zwei, okay? Und dann zum Erstellen der müssen wir eine neue Spalte für die Eingabe erstellen. Also einfach nur am Teufel und dann gleich am Ende der coolen MD acht oder 10 was immer Sie wollen. Ich setze nur 10 und dann einfach kopieren oder schneiden Sie diese Eingabe und fügen Sie diese Haare ein. Jetzt ist das perfekter. Nun, ich werde dir nur zeigen, was ich gerade getan habe. Aktualisieren Sie das. Jetzt können Sie sehen, dass dies das ist, was ich gerade erstellt habe. Bootstrap horizontale Form Gestaltung und dann Ihren Namen. Und Sie können sehen, dass die beiden Elemente in der horizontalen Weise sind. Aber warum wir gerade im, äh ich werde nur über das Kontrolllabel unterrichten. Wir müssen hier das Kontrolllabel für das horizontale Element Control Label haben. Warum? Wir verwenden nur die Steuerelementbeschriftung in der Beschriftung, wenn Sie nur die Startseite horizontal erstellen, weil Sie sehen können, dass dies die Spalte ist, die zwei Spalten hat oder dieser Bereich hat zwei Spalten, und dieser Bereich hat eine 10 Spalten. So beginnt der Bereich mit zwei Spalten von ganz links. Aber wenn ich gerade das Kontrolllabel jetzt aktualisiert habe, beginnt dies jetzt nicht von ganz rechts. Also in der Nähe der Spalte 10, die ich nur will. Okay, also jetzt einfach dasselbe mit jedem Element tun. Also für den Moment lösche ich nur diese drei Elemente, weil ich nur Ah muss, wirklich als das Formular. Also, zuerst entferne ich den Text, okay? Die zusätzlichen Räume. Und dann einfach die Formulargruppe kopieren und dieses Haar hier und hier mehrere Male einfügen , habe ich es nur basiert. Gehen Sie zum Bruder und aktualisieren Sie, dass Jetzt können Sie sehen, dass es mehr perfekt aussieht. Aber anstelle der Form Ihres Namens werde ich das nur ändern, um es schöner zu machen. Die E-Mail und das Passwort Haar Zurücksetzen des Reisepasses als auch. Okay. Und dieses ist das bestätigte Passwort. Sie SpeichernSiedas und aktualisieren Sie das. Jetzt können Sie sehen, dass Ihr Name? E-Mail-Passwort. England. Unmöglich. Alle von ihnen ausgehend von der sehr tatsächlich enden ganz rechts. Und es beginnt vom richtigen Weg. Das ist also, was ich nur erschaffen möchte. Und das heißt Inform horizontal. Nun, es gibt diesen Film alles in der Form, über die Elemente gerade in der nächsten Klasse gesprochen fühlen, also bleiben Sie dran und 32. 30 Bootstrap Form-Elemente (1): Hallo und willkommen zurück. Also in dieser Klasse werde ich dir einfach etwas über einige oder Bootstrap-Formelemente beibringen. Zu diesem Zweck müssen wir also einfach nur kopieren. Nun, das ist nicht notwendig, um das Formular in der horizontalen oder vertikalen Weise zu erstellen. Ich fotografiere nur die Horizontale, weil das der letzte Tag ist. Nun, es kopiert einfach dieses hier einfügen. Was ich tun werde, ist zuerst, einfach das Bestätigungskennwort zu entfernen und Beginne zu tippen. Ok. Sie wissen, dass sie die Kommentare im Textbereich nicht bekommen können. Wir müssen die Kommentare in der Sie wissen, zuerst, nur hier tippen. Das Kommen gut, eine Sache, die ich entlasse weiter ist die Idee, die wir erwähnen müssen, um zu löschen , dass das Etikett und die Eingaben oder in den Link, obwohl sie das i d hören, hören alle und schützen diese die die Etiketten haben. Also, übrigens, gehen Sie zum Browser und aktualisieren Sie, dass ich das neue Element, den Kommentar, bekommen habe . Aber eigentlich möchte ich diese Art von Element einfach nicht. Ja, ich lebe darin, die Eingabe zu entfernen, weil ich nur den Textbereich will. Okay, jetzt geh zum ersten Tag der Gegend. Sie beginnen Tack aus dem Bereich und in chirurgischen Asya und dann die volle Kontrolle. Aber nur durch das Formular-Steuerelement ist der Textbereich jetzt das Element des Bootstrap und sieht wirklich perfekt aus. Nun, wenn Sie nur etwas will für alle hinzufügen wollen, ich bin auch bei nur rahs und setzen Sie die Wie viel? Razi eins, zum Beispiel. 10. Ross. Also aktualisieren Sie das. Jetzt habe ich die Turnaround hier mit dem Super gesucht. Also für das nächste Element kopiere ich einfach die Formulargruppe erneut. Und diese Heftung dort. Okay, also für den Moment, was ich gerade mit eigentlich tun werde, bin ich nur in einem Typ der Küken Bücher. Also für das Kontrollkästchen, müssen wir ihre It-Strategie ändern. Lassen Sie einfach die 1. entfernen 1 Die letzten Elemente die Textur, Realität es ist Spalte und dann gehen Sie in das Kommen. Und zuerst, entfernen Sie diese auch. Mittel, um die Spalten wieder und tatsächlich innerhalb der Beschriftung zu entfernen. Lass uns einfach die Eingabe setzen, okay, okay, denn ich werde nur die, du weißt schon, Eingabe erstellen du weißt schon, und dann Scheckbücher eintippen, die das abdecken. Nein, Geben Sie einfach ein, was Sie wollen. Zum Beispiel, Erstens, Erstens, ich mache nur eine Sache, dass Druck in sintflutförmig ist, einen Dave zu setzen. Oder ich beschreibe das Etikettenhaar. OK, Etikett. Ein weiteres Etikett ist das Etikett. Und dann bin ich hier im Kloss und ich tippe nur Kontrolllabel und endet dann in ST in Spalte M d zwei und dann ihm dieses Taping, das, äh, äh, es tötet, was immer Sie wollen, Sie können Fähigkeiten eingeben. Okay, jetzt, hier ist das erste Etikett, und ich erwähne nur, oder anstelle des Labels, zuerst müssen wir einen Toten stecken und in das, was ich eigentlich machen werde mit dem Schließen des Kontrollkästchens. Dies ist wirklich notwendig, um das Kontrollkästchen zu erstellen. Und jetzt lassen Sie uns einfach schneiden und fügen Sie diese Haare mit der Wissenschaft und ihren eindeutigen hier und jetzt ist es das Kontrollkästchen. Und anstelle der Kommentare entferne ich vor Bereich, weil dies nicht wirklich notwendig ist lila zu entwerfen. Also, übrigens, geh zum Bruder. Aber bevor sie zum Bruder gehen, lassen Sie diese Art html obligatorisch oder religiös kopieren das ganze Kontrollkästchen. Kopieren Sie eins. Und ah, Paste, Paste und eine Sache Mawr. Als ich gerade die eine Spalte hier erstellt habe. Also sollten wir auch eine andere Spalte erstellen, weil ich die einzelnen Scheckbücher nicht benutze. Ich kreiere noch viel mehr, um die neuen Kleider und die Kohle MD wieder drehen zu hören. Das ist 21, das ist 10. Jetzt, in der Spalte 10. Schneiden Sie einfach alle Kontrollkästchen ab und fügen Sie in diesem jetzt Legis a justice. Jetzt speichern und zum Bruder gehen und aktualisieren. Nun, das sind die Fähigkeiten, die Sie sehen können und suchen wirklich perfekt die Fähigkeiten. Also, was ich gerade tun werde, ist eigentlich Zweitens, Legis einfach kopieren die ganze Form wuchs Tempo. Aktualisieren Nun, das ist eine neue Elemente. Aber gerade jetzt füge ich nur noch eine interessante Sache in die Etiketten ein. Nicht dieses Etikett. Diese Ebene ist nur für genauso wie das Hassen. Okay, das für die Sie wissen, dass dieses Töten, das Butare in diesen Etiketten festlegt, wo wir es einfach das das für die Sie wissen, dass dieses Töten, das Butare in diesen Etiketten festlegt, wo wir es einfachdas Kontrolletikett hier platzieren. Wir müssen das Kontrolllabel nicht anbringen. Okay, Lassen Sie uns einige der Kontroll-Label und das geben Sie einfach das Kontrollkästchen. Ok. Am längsten, das zu klären. Wir müssen das Kontrolllabel einfach nicht dort und dort und dort setzen, weil sie definitiv unbrauchbar sind. Sie können nichts in den Etiketten tun. Nun, da, ich bekomme nur die Kontrollkästchen. Und ich hatte gerade das Kontrollkästchen hier, also nicht einfach. Aktivieren Sie das Kontrollkästchen in Zeile. Okay, jetzt lassen Sie einfach dieses Kontrollkästchen kopieren und dort und dort einfügen, und dann gehen Sie einfach zu dem Bruder. Jetzt können Sie sehen, dass dies einfach gesendet wird. Nichts Neues da, aber da. Diese sind immer noch die gleichen. Nur warum? Denn wenn Sie nur das Kontrollkästchen in Zeile erstellen möchten, so sollten alle Beschriftungen in der einzelnen zu tun sein . Ok. Nun, entfernen Sie einfach dieses Kontrollkästchen und dieses Kontrollkästchen markiert Kontrollkästchen speichern und gehen Sie zum Bruder und aktualisieren. Jetzt können Sie sehen, dass die externe Aston Villa National und es gibt Diese sind die vertikalen und diese sind die in der Linie. Das ist es, was ich dir beibringen will. Ich hoffe, du hast wirklich darüber gestanden. Zweitens kopiere ich einfach nur das Ganze aus der Gruppe, denn jetzt möchte ich dir nur noch etwas über das Radio beibringen . Sie knöpfen schon. OK, deshalb müssen für das Erstellen des Radios wir für das Erstellen des Radiosdas Kontrollkästchen nicht verwenden. Du musst das Radio benutzen, okay. Und dann das erste, was, denn ich entferne nur die mehrere Zeilen und dann Ledger tatsächlich kopieren, aber vor dem Kopieren, Registrieren Sie dies und es gibt keine Notwendigkeit, etwas in die Etiketten zu setzen. Gehen Sie einfach direkt auf die überprüfen Sie den Typ und ändern Sie das Kontrollkästchen in das Radio, und dann lassen Sie uns die Mahlzeit auswählen, und dann kopieren Sie einfach das ganze Radio und duplizieren. Okay, Okay, sollte das Weibchen sein, weißt du, und es gibt die Möglichkeit, das Geschlecht zu retten und zum Bruder zu gehen und das jetzt Essen und Weibchen aufzufrischen . Dies ist eine einfache Art und Weise, die Sie erstellen können. Ok? Durch die Verwendung der Namensattribute, Sie wissen, dass wir die Synchronisation und eine Länge zwischen ihnen erstellen können, indem Sie den gleichen Namen erhalten . Jetzt können Sie können Sie einfach aktualisieren, dass Sie jetzt nicht einmal auswählen können. Ok? Sie müssen nur 11 Mal auswählen. Jetzt ist die andere Sache wieder. Ich kopiere nur die ganzen Farmgruppen und gehe dann einfach runter. Und was ich tun werde, ist, zuerst das Radio dort zu entfernen. Ok? Und da, und dann schneidet das hier und klebt dort und dann in das Etikett, entscheide ich die neue Klasse hier Stoffradio in der Linie. Und dann lassen Sie uns diese Klasse kopieren und einfach Fall diese Klasse Haar speichern und aktualisieren. Okay, Jetzt können Sie sehen, dass die männlichen Weibchen und dort sind die vertikalen, und das sind die horizontalen. Ich hoffe, Sie haben beide verstanden. Aber es gibt noch etwas mehr. Ich möchte nur über die Formelemente zuerst unterrichten, indem ich den zusätzlichen Platz entferne . Und jetzt das. Erstellen Sie am neuen. Also wieder, nur das Erstellen eines neuen Formulars Dev the Div, eigentlich, und am Ende der vollständigen Gruppe. Okay, geh rein und lass uns das Etikett in die erste Klasse bringen. Und weil sie in der horizontalen Form sind, so hier, Formular Gruppe und dann decken Sie das Etikett. Und sie sind nur Typ, zum Beispiel, das Land oder was auch immer Sie setzen wollen, weil ich nur über das ausgewählte Tag zu lehren , so einfach nach unten gehen. Aber bevor er nach unten geht und auf einen anderen namens MD zwei absteigt. Ok. Und das sollte gebildet werden. Geht nicht. Okay, also drücke ich nur die Eingabetaste und erstelle nur das Auswahl-Tag, okay? Und dann fügen Sie einfach die Klasse aus,wissen Sie, wissen Sie, das Formular-Steuerelement hinzu. Ok. Das Formular-Steuerelement arbeitet auf dem Auswahlselektor, fügt etwas Interesse hinzu und fügt dann nur die Option hinzu, die für das select-Tag notwendig ist. Das sind also die Optionen und dann die erste Option. Ich tippe nur das zum Beispiel uns. Okay, Großbritannien. Was hat ihn gewonnen? Ich erinnere mich nur noch, dass ich nur Afghanistan, Deutschland, tippe . Was auch immer Sie wollen nur keine Probleme dort zu setzen. Pakistan, mein Land. Speichern Sie und gehen Sie zum Bruder und erfrischen Sie sich. Jetzt können Sie die USA sehen. Interessanterweise ist dies gut gestaltet. Ok? Mit dem blauen Rand und dem Schatten, dem Kastenschatten auf was auch immer. Das ist also ein ausgewähltes Tag und ich hoffe, verstanden zu haben, wie es dort funktioniert. Es gibt etwas mehr in den Formularelementen, über die wir im nächsten Klassenzustand sprechen werden und auf Wiedersehen 33. 31 Bootstrap Formelement 2 (1): Hallo und willkommen zurück. Also in dieser Klasse werde ich dir nur noch ein paar Dinge von den Bootstrap-Formelementen beibringen, du kannst sehen, dass sie das Land waren, und da ist das ausgewählte Element des Landes. Aber wieder, sehen Sie, dass sie in dieser Art und Weise von diesen Elementen nicht in dieser Sortierung sind. Also, wie man sie einstellt? Geh da hin. Und zuerst füge ich nur hinzu, dass ich nur ein anderes div hier setze. Klasse Cole M d 10. Okay, weißt du, das hineinlegen und dann einfach das auf diese Weise machen, und dann einfach eine andere Sache, du weißt schon, dass das Kontrolllabel und aus Versehen, ich habe es einfach Formulargruppe, die nicht da sein sollte. Okay, also entferne ich das so frisch, dass das jetzt in der Art und Weise ist. Aber letztendlich müssen wir noch eine Sache setzen. Sie können das Ding verstehen, das eigentlich die Deb ist und dann Klasse eine Gruppe bilden und dann die Schaltfläche. Okay, hier setze ich nur eine Klausel in den Körper. Schönheit in und Gideon vermeintlich den Erfolg. Und hier tippe ich nur den Klick ein, um dies in den Bruder zu senden und zu überprüfen, indem ich ihn erfrischt. Jetzt können Sie sehen, dass sie geklickt haben. Reichen Sie es dort ein. Aber warum nicht? Das ist da. Und wie füge ich das hinzu ist da, wenn wir das Etikett nicht brauchen? Ok. Interessanterweise brauchen wir das Etikett nicht. Sie wissen also, dass wir diese nur einfügen, indem Sie das Etikett hinzufügen, das zwei Spalten erhält . Also nach den beiden Spalten aus der dritten Spalte beginnen diese Elemente, und ich möchte nur, dass Sie dieses Element von der dritten Spalte beginnen, aber ich möchte das Label einfach nicht als zwei Spalten setzen. So, wie man diese Legis Präsident Raum und eigentlich Legis zu verwalten. Und dann gehen Sie einfach zum ersten Tag und setzen Sie die Klausel hier. Okay, jetzt, Cole MD 10. Ich will hier nur alle 10 anrufen, okay? Und dann nur den Knopf, ich schneide nur den Knopf. Wir Tre Vialli haben den Button bekommen und es fügt den Button hier ein und speichern Sie das und aktualisieren Sie das. Das ist also etwas wirklich Neues. Aber das Neue ist, wenn ich gerade bei der Kohle m d, das bedeutet, dass ich die coole Amdy zwei entscheide. Ok, aber nicht die beiden. Nur der Off-Satz zu bedeuten ist, dass uns die MD 10 nach dem MD auf OK starten lässt, jetzt aktualisieren Sie das. Sie können sehen, dass es von der dritten Spalte beginnt. Also definitiv haben Sie von dem Kohle MD Offset verstanden. Wie es funktioniert. Nun, um das interessanter zu machen, können wir noch ein paar Dinge tun. Zum Beispiel, BD in Glück und speichern und aktualisieren. Jetzt können Sie sehen, dass die großen schwarzen Haare, die Jumbo-Taste, die das Formular machen kann oder anvertraut gut in der nächsten Klasse Ich werde Ihnen nur etwas mehr als über die Formularelemente über die Validierung der Form einige Zustand menschlichen und Auf Wiedersehen. 34. 32 Bootstrap Form Validierung Stil (1): Hallo und willkommen zurück. Also hier in dieser Klasse erstelle ich nur etwas Interessanteres in den Formularelementen in den Bootstrap-Formularelementen . Eigentlich erstelle ich nur ein neues hier und gehe dann einfach zum 1. 1-Tag und setze dann die Formulargruppe, wie Sie wissen, dass dies notwendig ist, um eine Formulargruppe oder ein Formularelement zu erstellen. Nun, da lese ich nur noch mal das Etikett. Label abgedeckt, dass und Etikett und ihre eigenen dis erwähnen, dass der Name. Ok. Und dann geht es nach unten Eingabe, Krawatte, Texthaar und bedeckt das. Und dann habe ich das getan. Kann Kolosseum deaktiviert. Speichern Sie das und gehen Sie zu den Browser-Haaren. Ist der Browser jetzt erfrischend? Jetzt können Sie sehen, dass ich nichts eingeben kann. In der Tat, in diesem, naja, füge ich jeden Raum hinzu und füge eine Klasse aus dem Bootstrap hinzu, die volle Kontrolle. Jetzt speichern und zum Bruder gehen und erfrischen. Sie können sehen, dass es aussieht wurde komplett geändert, aber definitiv ist es eine behinderte. Sie können also nichts tun, damit der Status jede Eingabe oder eine Auswahl deaktiviert. Wie jede Technologie des Bootstrap des Formulars können wir den Bootstrap verwenden. Ok. Die Klasse der Stiefel für die andere Sache ist, wenn wir nur Ihr Formular validieren wollen, also müssen Sie definitiv das JavaScript oder das HTML fünf Wege machen. Aber hier, in dieser Form, in diesem Element, mache ich nur etwas wie Validierung. Zunächst einmal habe ich gerade kopiert, wissen Sie, dass sie die Klasse abschließen, und dann nur Sie wissen, dass es keine Eingabe gibt. Und ah, Haare sind die Formgruppe, und dann füge ich noch ein paar Dinge hinzu, genau wie das jetzt zurückgedrungen ist. Ok? Feedback. Lassen Sie uns erwähnen, dass welche Art von Feedback Sie wollen, zum Beispiel, ich tippe nur. Warnung. Ok. Speichern Sie das. Ich habe es nur am Morgen hier gesteckt. Nein, ich bekomme die Wirkung des Morgens. Und das ist die Eingabe, die tatsächlich das Formular-Steuerelement hat und nichts anderes als diese Legende direkt an dieser Schwenk es hat. Denken Sie daran, den Handschuh Ich überzeuge Sie gelernt in der ich denke, die 14 oder 15 Klasse etwas. Also durch die Verwendung der großen Feikens V kann Kegel überprüfen Okay, von nicht der s zweite lef ich könnte brennen. Okay, ich füge hier eine amerikanische Ikone aus der Glyphe hinzu. Ich konnte sie nicht in Ordnung, jetzt dann wird die volle Kontrolle zurück speichern und zum Bruder gehen und das auffrischen. Jetzt können Sie sehen, dass dies nur, weil wir gerade hinzugefügt haben die hat Feedback hat Morgen die Farbe. Ok. Und dieses Schild ist nur, weil sie die Klippe entschieden haben, die ich hören kann. Okay, die zweite Sache ist, einfach die Behinderten zu entfernen, weil ich nur möchte, dass Sie zeigen, wie es funktioniert aktualisiert, damit wir daran arbeiten können. Definitiv, wenn wir gerade dort geklickt haben, kann ich den Box-Schatten hier bekommen, aber das ist nicht gut. Wenn Sie dieses Ding einfach ohne Warnluft oder etwas einfügen, wenn Sie nur das Formular mit den J-Abfrage-Agenten JavaScript PHP validiert haben, dann sollten Sie auf diese Weise jede Art von Feedback hinzufügen. OK, aber im Bootstrap lernen wir nur etwas über diese Kachel. Es gibt also eine 2. 1 hier. Ich rede nur über den Erfolg und da rede ich nicht über die Warnung oder so . tippe ich nur Eigentlichtippe ich nur. Ok? Ok, okay. Ist für den Erfolg. Aktualisieren Sie das wird. Jetzt können Sie sehen, dass das OK-Zeichen und alles ist die gleiche Form haben sollte. Steuerung Feedback und alles ist perfekt, wie Sie sehen können, dass die grüne Farbe und dann klicke ich einfach auf das Grün. Ich bekomme das Gleiche. Nun, die andere Sache ist, wenn ich diese noch einmal kopiere, da konfrontiert und dann hat die Formulargruppe Feedback hat nicht den Erfolg. Wenn es jemals einen Raum in irgendeiner Art von Fehler hat, genau wie so ist der Fehler gemacht. Ich bin erfrischend, dass es jetzt richtig ist, aber es ist immer noch ein Check-Modus, weil ich den Cliff Aiken nicht geändert habe. Die Cliff Aiken sollten also nicht das Ok sein. Sollte entfernt werden. Der Name der Klippe, die ich nicht entfernen konnte. Ok. Aktualisiert, dass jetzt können Sie die Kleidung sehen, die ich geschlossen. Das bedeutet, dass etwas nicht stimmt. Ihre Entfernung, was auch immer. Also auf diese Weise können wir bei der Validierung Kacheln, nicht die Validierung. Eigentlich ist nur die Validierung über Telefon gefliest und auf jeden Fall schwächen. Verwendet den Fall in Linie Weise als auch. Wenn ich nur den Kurs ausgeschaltet hätte, um, voll Oh, warte eine Weile. Voll in der Schlange. Value wusste bereits über das Formular in Zeile. Aktualisieren Sie das. Jetzt können Sie sehen, dass die ganzen Bauern in der Linie Weise. Was? Warum nicht? Ich bin nur eine Kopie. Ich kopiere einfach dieses und füge dieses Haar ein und entferne einfach die in der Linie von dieser neuen Form. Und dann haben wir die beiden Möglichkeiten, das Telefon zu erstellen. Also hoffe ich, dass über die Formularvalidierung InStyle's wiederhergestellt wird. Wir haben in der nächsten Klasse noch einiges gelernt, also staatliche Gewerkschaft und Abschied. 35. 33 REN Bootstrap Modale (1): Hallo und willkommen zurück. Also in dieser Klasse, Vergis über gelernt einige neue Dinge im Bootstrap mit für violett wird gelöscht. Das End-Tag auf dem Container in dieser Klasse, ich werde dir einfach etwas über das Modell und die anvertrauende Funktion aus dem Bootstrap beibringen, das funktioniert werfen, deejay-Abfrage und die J-Crew und die Bootstrap Js-Datei. Die Bootsakten sind wirklich wichtig. Wenn Sie nur mit dem Modell arbeiten möchten. Also lassen Sie sagen, die Klasse off Stimmung alford, und dann braucht es ein i d. Jede spezifische i d Wir müssen setzen, zum Beispiel, das Modell eins. Nun, die andere Sache ist, dass es wirklich auch einen Knopf braucht. Button oder ein Tag oder was auch immer Sie bevorzugen. Ich erstelle hier nur den Button. Okay, also sind sie innerhalb des Knopf-Tags. Ich setze nur klicken, um das Modell anzuzeigen. Alles, was Sie eingeben können, was Sie bevorzugen. Und es gibt etwas, das wir in Attributen zu erwähnen haben. Vor allem das Bier, das Bier, Ian und die Schönheit im Erfolg. Jeder Effekt, den Sie wollen, können Sie bekommen, Dann müssen wir einige spezifische Variablen setzen. Entschuldigung. Die Attribute, z. B. Data Tuggle, und dann sollte der Wert model sein. Okay, ich rede nur über das Model. Und die Daten werden Ärger sein. Welches ist das Modell, indem Sie auf diesen Button klicken? Nein. Welches Modell möchten Sie mit dieser Schaltfläche anvisieren? Also Tag, an dem wie kommt und das Modell, das ich nur anvisiere, ist das Modell eins, das eigentlich ein 90. Lassen Sie uns also die Idee erwähnen. Signers ville, und definitiv haben wir gerade den Button erstellt. Jetzt gehe ich einfach zur Stimmung und es gibt etwas, das wir in das Modell stecken müssen. Die 1. 1 ist die andere Klasse, der Modellinhalt oder der eigentliche Modelldialog. Diese einer der 1. 1 Jetzt gehen Sie hinein und erstellen Sie andere Dames. Und die 2. 1 sollte der Boodle-Inhalt sein. Nun, der moralische Inhalt geht gut hinein und setzt andere Dinge Zum Beispiel das Modell Hitter Modell Körper und das Modell für den oh Rechtschreibfehler. Jetzt sollte das Modell Hasser Duplikat darauf die Stimmung des Körpers sein. Und dann sollte dies das Modell Essen sein oder alles, was ich gerade erstellt habe, und die Hand geht den mittleren Hasser Bereich und dann einfach das H ein Tag setzen. Was auch immer du bevorzugst. Das ist zu groß. Ich denke, das H voll ist die bevorzugte Größe. Und da, Modell. Du kannst alles eingeben, wie ich dir sage. Modell Hater. Speichern Sie und wechseln Sie zum Modellkörper. Und was auch immer Sie innerhalb des Modellkörpers eingeben möchten, Sie können ein vollständiges Beispiel eingeben. Ich setze nur das P-Tag ein. Das ist die Stimmung, Al. Und dann AP immer Körper jetzt speichern und gehen Sie in der Stimmung in der Modell-Foto-Bereich und Legis Typ Modell Footer, speichern und gehen Sie in den Browser und aktualisiert. Da ist ein Knopf. Jetzt bin ich nur klären, wenn ich gerade nach oben ging, nur auf den Button klickte. Kollektiv Sie modellieren. Ich bekomme nur das Modell mit dem Model-Hasser. Dies ist der Körper eines Modells, und wenn das Essen uh gut, das ist das Essen oder sollte nicht mögen, können wir auf den Knopf als auch. Ich füge einfach die Schaltfläche später hinzu, die diese Schließung ausgeführt wird. Aber die Sache ist, dass, wenn ich einfach auf das Modell klicke, es zeigt uns nur Ah, ohne zusätzlichen Effekt, warum nicht nur beim Verblasseffekt damit sein? So verblassen, speichern und aktualisieren. Jetzt klicken Sie dort, jetzt können Sie sehen, dass jetzt. Es kommt wunderschön durch die Verwendung der ausgefransten Technik und geht wunderschön. Das ist nur deshalb, weil wir gerade die Klasse aus dem Fade dort hinzugefügt haben. Die andere Sache ist, wir sollten auch die Schließen-Schaltfläche hinzufügen. Sie wissen, dass wir einfach hier oder irgendwo klicken. Nichts passiert. Aber wenn wir nur au