Witamy z powrotem w tej jednostce mam zamiar wprowadzić nowe narzędzie o nazwie Bootstrap i jestem na stronie głównej bootstrap uzyskać bootstrapped DOTCOM.
A ja po prostu chcę zająć kilka minut, w tym wideo wprowadzającym, aby wyjaśnić, co bootstrap i dlaczego używamy go.
I wtedy też pokazać wam kilka przykładów stron, które używają bootstrap.
Więc zacznijmy po prostu czytając oficjalne blurb startowej.
Bootstrap jest najpopularniejszym SS TMLC w JavaScript ram dla rozwoju reagujących pierwszych projektów mobilnych w sieci.
Złammy że dół trochę.
Bootstrap jest bardzo popularne.
W rzeczywistości jest to najbardziej ulubionych i rozwidlone repozytorium na get piasty, które w zasadzie oznacza, że ​​ma większość osób korzystających z niego najbardziej życzliwość dodając ją uzyskać pomoc, a wszystko, co bootstrap to jest rzeczywiście jeden plik sukcesu i pojedynczy plik javascript ,
Teraz jest dużo C S i dużo javascript w tych plikach, ale są tylko dwa pliki i możemy włączyć je we własnej aplikacji.
Zasadniczo bierzemy kod cudzego iz Bootstrap dodaliśmy do naszego wniosku i pomaga nam podejmować dobre szukają miejsc, które są elastyczne i pomaga nam uczynić je szybko, bez konieczności pisania mnóstwo własnego kodu.
Istnieją dwa główne powody, które ja ci to pokazano w tym kursie.
Pierwszym jest to, że jest to bardzo popularne.
Wiele miejsc z niego korzystać.
Wiele firm wieloma deweloperami go używać i to jest po prostu warto wiedzieć.
Ale drugi jest to, że pomoże nam podejmować dobre wyglądających stron internetowych dość szybko w tym kursie.
Więc kiedy uczymy się i rzeczy, gdy skupiamy się na węźle i wyrażania i Mongo i mangusta i po kolana, a wszystkie tego złożonego tyłu i logiki możemy jeszcze zrobić coś, co wygląda dobrze bez konieczności poświęcić godzinę lub dwie godziny wideo stylizacji coś możemy podłączyć bootstrap i możemy dostać rzeczy dzieje się w 10 15 minut, a my wyglądają całkiem dobrze.
Następną rzeczą, którą zrobię to daje szybki objazd dokach bootstrap ale ma wiele dobrych słynne dokumentacji dobrych przykładów i rzeczywiście użyć bootstrap na tej stronie, która ma sens.
Więc zacznijmy klikając Css i to wspomniano bootstrap jest tylko jeden CSSA złożyć pojedynczy plik javascript wewnątrz tego pliku CSSA.
Jest kilka rzeczy, które możemy dostać za darmo.
Warto więc przyjrzeć się przyciski.
Więc jeśli chcemy mieć guzik i mamy bootstrapped zawarte w naszej aplikacji możemy dodać do tej klasy do klasy jest rzeczywiście błogosławionych i PTEN domyślne i mamy te przyciski.
Możemy robić różne kolory.
Rzućmy okiem na formach.
Mamy tu dostać ładne wejścia.
I to jest też bardzo ważne jest, aby pamiętać, wszystko jest czuły na miejscu, dzięki czemu można zobaczyć, mamy rzeczy, które są dostosowane do szerokości ekranu.
Również mieć różne rodzaje form.
Można łączyć różne elementy.
Więc tutaj są one za pomocą przycisku z formularza.
Tak to jest jak kawałki Lego bootstrap i wiele sposobów, to jest po prostu zostały sztuk Lego, które można umieścić razem i dodać do swojej strony, jak widać pasuje.
Wrócimy tam na większość z tych składników.
Większość z tych dużych kawałków raz rozpocząć pracę z nim i pisania kodu bootstrap Nas.
Więc teraz będziemy iść dalej i kiedy pokazać następną kartę, która jest Podzespoły zawierają jedne z większych kawałków bootstrap, które możemy wykorzystać, a które obejmuje takie rzeczy jak paski NAV.
I to jest prawdopodobnie jednym z najbardziej popularnych aspektów bootstrap, że wiele, wiele stron używa jak widać z odrobiną kodu.
To nie wygląda dużo, ale zapewniam cię, że to o wiele mniej, niż byłoby, gdybyśmy pisali bar NAV od podstaw.
A to pochodzi z upadki spadek formy i istnieje wiele typów prętów różne kolory takie, które są przymocowane do górnej części strony pewne, że będzie się przewijać.
Są jeszcze inne elementy, takie jak Jumbotron która jest sposobem na prezentowaniu treści na swoich internetowych paski postępu miejscu.
A te wszystkie pochodzą z bootstrap.
Więc można się zastanawiać, czy teraz bootstrap przychodzi do tych wszystkich elementów i są one już wstępnie stylizujące co każda strona, która wykorzystuje bootstrap wyglądały tak samo.
A odpowiedź brzmi: tak i nie.
To zależy od tego, w jaki sposób strona używa bootstrap.
Uważam, że firma lub projekt, który wykorzystuje bootstrap również sprawia, że ​​trudno powiedzieć, że są one rzeczywiście przy bootstrap, ponieważ używają tych głównych składników, a następnie można przejść i napisać swoje własne style na górze.
Zmień kolory zmienić czcionki zmienić niektóre z efektów hover.
Nie trzeba używać te same kolory i wszystko, które pochodzą z bootstrap ale to nie znaczy, że jest coś, co z natury złe za pomocą wbudowanego w stylach Bootstrap albo.
A my z pewnością robi jedno i drugie.
Więc kiedy robimy stronę i ostrości nie jest naprawdę na przednim końcu po prostu chcesz zrobić coś, co wygląda reprezentacyjny szybko.
Zasadniczo prototyp Czo użyje bootstrap, a my naprawdę nie będą modyfikować wiele elementów.
Ale wtedy, gdy pracujemy na coś trochę większe coś, czego nie chcesz wyglądać jak używamy bootstrap bez zmieniania czegokolwiek w ogóle potem pójdziemy i dodać kilka naszych własnych stylów w zasadzie dodać warstwę farby w sprayu na szczycie startowej.
Następną rzeczą, którą chcesz zrobić, to pokazać niektóre z miejsc, które są zbudowane z bootstrap i Buddh podróż rzeczywiście ma oficjalną stronę internetową, gdzie się zaprezentować niektóre z tych witryn.
Jeśli klikniesz na Expo mam już otworzyć.
Widać, że oni zaprezentować piękne i inspirujące używa bootstrap więc może otworzyć niektóre z nich, aby je otworzyć i nowych kart.
A są to tylko te ostatnie.
Tam setki na tej stronie.
Widać tony i tony nich i można zachować przewijanie i przewijanie, a następnie możemy przejść do kilku starszych i tam jest tak wiele różnych miejsc, które korzystają z tego.
I tak naprawdę nie wszystkie wyglądają tak samo.
Tak być może wiele z nich posiada pasku nawigacyjnym.
Być może wielu z nich ma tego pełną dużym ekranie układ obrazu, ale to raczej trend wzorniczy niż coś, co bootstrapped to wyłącznie odpowiedzialny.
Więc rzućmy okiem na niektóre z nich.
Ten jest oszczędny Tim która to firma, która sprawia, że ​​szablony witryn internetowych w rzeczywistości.
I widać mamy ten miły siatkę obrazów.
Jest bardzo elastyczny.
Gdybym skurczyć to w dół mamy tutaj naszą małą pasku nawigacyjnym.
Jest to więc składnik bootstrap sposób, że wszystko układa się w tej sieci.
Bootstrap jest częściowo odpowiedzialna za to, ale można również zobaczyć, że oni nie używając domyślnego wbudowane przyciski startowej.
Oni je zmienił.
Wszystko wygląda inaczej.
Więc myślę, że jest to naprawdę miłe wykorzystanie bootstrap to naprawdę ładny wygląd witryny.
To działa dobrze i to wykorzystuje bootstrap ale nie polegać na bootstrap 100 procent.
Rzućmy okiem na jeden lub dwa więcej.
Więc to jeden nazywa indicus lub indeksów coś takiego.
Najwyraźniej zaprojektować i zbudować produktów cyfrowych, że ludzie korzystają z zastosowaniem.
Warto więc przejść na dół.
Spójrz na to, co mamy.
Tak więc istnieje pewne treści, które prawdopodobnie zbudowany z bootstrap systemu sieciowego, który pomaga organizować i położyć rzeczy ułożyć jak już wspomniano wcześniej jest bardzo trudne w Pearcey SS.
Jest coraz lepiej, ale bootstrap jest naprawdę bardzo przydatne, aby pomóc nam położyć rzeczy z naszej aplikacji.
I mamy trochę stopki pasek tam bar nav tu więc to naprawdę zabawne, aby przejść do załadowania Expo trochę czasu, aby zbadać niektóre z projektów, służących do załadowania i zobaczyć, jak go używać i wszystkie sposoby, że firmy modyfikowania że dodanie we własnych czcionek własne kolory i naprawdę dowiedzieć się, jakie są podstawowe elementy, które wiele, wiele stron używają i dlaczego decydują się na stosowanie startowej.
I moim zdaniem tak naprawdę sprowadza się do sieci energetycznej, które będziemy poświęcając wideo w tym urządzeniu, aby i barów nav i wrażliwości wszystkiego.
OK.
Tak, aby zakończyć mam zamiar pokazać wam prostą stronę, która będziemy podejmowania.
To jest nasz startowy o nazwie ciężkich pieszczoty.
To pomaga znaleźć idealne bratnią duszę kocią i używa startowej.
Widać mamy bar nav tu po prostu podoba, że ​​mamy założyć przyciski Morgan.
Dostajemy te małe ikony to mamy nasz tekst tutaj i trochę slogan, a następnie nasz przycisk.
A potem jak zmiana rozmiaru rzeczy wszystko reaguje widać rzeczy porusza przesuwanie się.
A co najważniejsze, że mamy trochę hamburgera i mamy telefon przyjazny pasku nawigacyjnym.