1 00:00:00,230 --> 00:00:03,290 Wiedzieć wszystko naprawdę musimy skupić się na to kolory. 2 00:00:03,300 --> 00:00:05,160 Zacznijmy z jumbotron. 3 00:00:05,460 --> 00:00:37,880 Więc wszystko wewnątrz JumboTron jest po prostu inny odcień niebieskiego i odcień niebieski mam w tym dokumencie, żeby zobaczyć 3 5 0 trafi do naszego arkusza stylów i możemy po prostu wybrać jumbotron i nadać mu kolor i wszystko wewnątrz z to wszystko zależy od tego koloru jak i że są świeże i można zobaczyć wszystko zmieniło się wraz z klifu niebieski a-Kon ikona glif jest po prostu traktowane jako tekst. 4 00:00:37,980 --> 00:00:43,010 To rzeczywiście czcionki, dzięki czemu można zmienić kolor jej pomocą właściwości kolorów. 5 00:00:43,020 --> 00:00:45,950 Teraz zająć paska nawigacyjnego, który jest trochę trudniejsze. 6 00:00:46,110 --> 00:00:47,730 Kolor tła nie jest zły. 7 00:00:47,740 --> 00:00:53,280 Wszystko, co musimy zrobić, to wybrać pasek nawigacji Inv. czy moglibyśmy zrobić. 8 00:00:53,340 --> 00:01:08,210 Teraz, gdy jesteśmy na przystanku po naszej fix ale zrobię nav bar odwrotność a następnie nadać mu kolor tła tej niebieskim tle i wklej to i odświeżyć. 9 00:01:08,210 --> 00:01:09,830 I widać, że zmienia się na niebiesko. 10 00:01:10,020 --> 00:01:15,900 Jednak, aby zmienić kolor tutaj chcę, żeby być białe, zamiast tej szarości, które są. 11 00:01:15,900 --> 00:01:22,800 Jeżeli po prostu styl atrament lub znaczniki, które właśnie one są dla Just Style tagi anchor być biała nie będzie dość pracy. 12 00:01:22,800 --> 00:01:23,980 Więc pokażę ci, co mam na myśli. 13 00:01:24,030 --> 00:01:28,070 Anchor tag kolor biały. 14 00:01:28,150 --> 00:01:29,630 Wracaj. 15 00:01:29,910 --> 00:01:35,430 To nie życie, a to jest bardzo przydatne dla inspektora gdybyśmy nimi zapoznać. 16 00:01:35,610 --> 00:01:36,880 Spójrz, co się dzieje. 17 00:01:37,260 --> 00:01:43,080 Tak więc widzimy, że nasz kolor biały przecinają się, a kolor jest przypisany jest tutaj. 18 00:01:43,410 --> 00:01:50,050 Ten kolor jest to, to szary i gdybyśmy go odznaczyć wracają do bycia białym, że chcemy, by były. 19 00:01:50,490 --> 00:01:53,280 A to dlatego, że jest to bardziej szczegółowy selektor. 20 00:01:53,460 --> 00:01:56,290 Jeśli można, że ​​powrót do tej lekcji zrobiłem na swoistości. 21 00:01:56,520 --> 00:02:06,530 Oblicza się, aby mieć większą liczbę lub wyższy indeks specyficzność niż to, co mieliśmy tutaj, który jest po prostu za małe w porównaniu z tym znacznikiem zakotwiczenia się tutaj. 22 00:02:06,630 --> 00:02:08,190 Jest wiele klas. 23 00:02:08,190 --> 00:02:12,330 Pamiętaj, każdy z nich jest dziesięć razy bardziej szczegółowy niż tylko znacznika zakotwiczenia. 24 00:02:12,900 --> 00:02:19,540 Więc to, co chcemy zrobić, to napisać selektor, że będzie tak specyficzna i może po prostu ukraść ten jeden tutaj. 25 00:02:20,280 --> 00:02:25,910 Więc pójdziemy, żeby tu i wklej to w, a następnie zmieni kolor na biały. 26 00:02:25,950 --> 00:02:29,560 Więc po prostu zastąpić dokładnie taką samą Schlechter, który miał ładowania początkowego. 27 00:02:29,610 --> 00:02:37,370 I to jest ważne, że nasze style wystąpić po bootstrap, tak aby zastąpić możemy go i jeśli są świeże Teraz się białe linki. 28 00:02:37,650 --> 00:02:41,050 Wreszcie będziemy robić to samo do marki pasku nawigacyjnym. 29 00:02:41,670 --> 00:02:45,490 Więc jak widać, że jest w środku nav marki bar rozdzielczej. 30 00:02:45,960 --> 00:02:59,800 Jeśli wybierzemy że Daut teraz dla naszej marki i dajemy, że kolor biały i zapisać i wrócić jeszcze nie działa i mamy ten sam problem. 31 00:02:59,820 --> 00:03:11,700 Jeśli więc go skontrolować zobaczysz, że to wykreślona nasze style tu, gdzie jesteśmy obracając białe została wykreślona i raczej to kolory są zmieniane przez tę linię. 32 00:03:11,700 --> 00:03:17,770 Teraz, jeśli marka bar wewnątrz pasku nawigacyjnym Inv. więc może po prostu ukraść to i zastąpienie tego. 33 00:03:17,970 --> 00:03:21,500 Więc wystarczy, że bar nav inw .. 34 00:03:21,930 --> 00:03:23,220 Teraz dla naszej marki. 35 00:03:23,280 --> 00:03:32,580 Więc w zasadzie piszemy style, które jadą do starcia łeb w łeb w walce ze stylów między bootstrap i naszych stylach i są one identyczne w selektorów. 36 00:03:32,700 --> 00:03:36,280 Tak, bo nasza zajmuje drugie oni wyjdzie na górze. 37 00:03:36,300 --> 00:03:41,100 Zamierzają wygrać wrócić odświeżenia i nigdy nie udać. 38 00:03:41,100 --> 00:03:42,530 Mamy większość stylów zrobione. 39 00:03:42,630 --> 00:03:51,600 Jest jeden bardzo drobne rzeczy, które prawdopodobnie nie zauważy na ekranie oddać kolor szary na JumboTron jest bardzo nieznacznie różnią. 40 00:03:52,740 --> 00:04:05,510 Więc mam ten kolor tutaj ja po prostu skopiować go, a następnie udać się do RC SS, a my po prostu zmienić tło na Jumbotron się, że szare i zwracać baczną uwagę jako odświeżaniu. 41 00:04:05,520 --> 00:04:07,000 Mam nadzieję, że widać to zmieni. 42 00:04:07,110 --> 00:04:08,200 Po prostu zmienić. 43 00:04:08,200 --> 00:04:10,990 Jest to nieco bardziej niebieskie spojrzenie szary. 44 00:04:11,040 --> 00:04:12,500 Warto więc sprawdzić wszystkiego. 45 00:04:12,720 --> 00:04:16,080 Załóżmy, rozmiar naszej pracy bar NAV. 46 00:04:16,170 --> 00:04:18,720 JavaScript działa dobrze. 47 00:04:18,720 --> 00:04:19,740 No to jedziemy. 48 00:04:19,830 --> 00:04:21,400 Wszystko wygląda dobrze. 49 00:04:21,420 --> 00:04:24,870 Ostatnią rzeczą, pokażę ci to, jak możemy wykorzystać inną ikonę tutaj. 50 00:04:25,140 --> 00:04:31,860 Ten, który używam jest z biblioteki o nazwie zabawy niesamowite zabawy niesamowite jest prosta biblioteka, która zawiera wiele różnych ikon. 51 00:04:31,860 --> 00:04:37,520 Bardziej niż wbudowany w Bootstrap z ikonami, dzięki czemu można dostać się do niego w funt niesamowite. 52 00:04:37,610 --> 00:04:38,390 Nie daj się jej. 53 00:04:38,430 --> 00:04:40,890 Wiem, że jestem na stronie głównej tutaj. 54 00:04:41,280 --> 00:04:47,220 A jeśli po kliknięciu na ikonę istnieje ponad 580 różnych ikon można zobaczyć je wszystkie. 55 00:04:47,550 --> 00:04:53,580 A jedną z ciekawych funkcji, które można przeglądać nich, które tak naprawdę nie można zrobić na Pucelle bardzo łatwo. 56 00:04:53,670 --> 00:05:01,870 Więc możemy wyszukać zdjęcie i dostać aparat i kamera Retro, która jest co kiedyś. 57 00:05:02,100 --> 00:05:05,180 Ale zanim możemy użyć któregoś z nich musimy go zainstalować. 58 00:05:05,400 --> 00:05:07,750 Więc jeśli pójdziesz do rozpoczynania pracy. 59 00:05:07,800 --> 00:05:14,160 Mają ładny CDN, że można po prostu skopiować i po prostu umieścić, że wewnątrz aplikacji. 60 00:05:14,160 --> 00:05:18,650 Więc zrobimy to się góry zapłacić nagle. 61 00:05:19,140 --> 00:05:24,190 A teraz możemy użyć ikony niesamowite zabawy i jest to naprawdę bardzo proste. 62 00:05:24,330 --> 00:05:35,100 Właściwie jeśli klikniesz na dowolną ikonę, że chcesz powiedzieć, że chcę używać znak pokoju mogę kliknąć na niego i daje trochę kodu, który można skopiować. 63 00:05:35,100 --> 00:05:38,300 Więc jest to ikona z klasy równej Fa dla zabawy. 64 00:05:38,310 --> 00:05:38,660 Niesamowite. 65 00:05:38,670 --> 00:05:42,010 A potem F.A. kreska nazwę ikony. 66 00:05:42,990 --> 00:05:51,870 Miejmy tylko zastąpić ikonę kamery z tym więc będzie mieć duży znak pokoju będzie zapisać i odświeżyć. 67 00:05:52,380 --> 00:05:53,640 I mamy znak pokoju. 68 00:05:53,850 --> 00:05:55,820 Więc zabawa niesamowite jest dość niesamowite. 69 00:05:55,830 --> 00:05:57,110 To bardzo popularne. 70 00:05:57,120 --> 00:06:01,970 Wiele wspaniałych ikon jak widać prawie dowolną ikonę, czego kiedykolwiek potrzeba. 71 00:06:01,980 --> 00:06:03,620 Mają kilka standardowych. 72 00:06:03,690 --> 00:06:04,940 Pauza przycisk odtwarzania. 73 00:06:04,950 --> 00:06:09,400 Przekazania do tyłu różnych ikon do technologii i różnych ikon internetowych. 74 00:06:09,480 --> 00:06:12,260 Ale mają też kilka bardziej zabawne jak te oznaki pokojowych. 75 00:06:12,320 --> 00:06:16,090 I myślę, że mają też rękę Spocka Tak tam pójść. 76 00:06:16,380 --> 00:06:19,460 Więc można użyć dowolnego z nich, podobnie jak użyć dowolnej innej czcionki. 77 00:06:19,500 --> 00:06:24,130 Więc jeśli chcesz zmienić kolor po prostu zmienić właściwość kolorów, jeśli chcesz zmienić rozmiar. 78 00:06:24,360 --> 00:06:26,510 Faktycznie zmienić rozmiar czcionki. 79 00:06:26,880 --> 00:06:44,880 Więc mam zamiar używać tego wyszukiwania retro aparat na to jeszcze raz co jest kamera Dash retro więc muszę zrobić aparat kreska kreska retro zapisać odświeżania i otrzymujemy, że aparat retro. 80 00:06:44,880 --> 00:06:46,710 Dobrze więc skończymy z galerii. 81 00:06:46,710 --> 00:06:52,370 Oprócz rzeczywiście się zmienia obraz jesteś innego, co zrobię, jak tylko skończę to zakończyć. 82 00:06:52,380 --> 00:06:56,310 Prawdopodobnie nie chcą oglądać jakikolwiek ale w przypadku robisz będę umieścić go na końcu. 83 00:06:56,310 --> 00:07:04,110 Więc mamy wystarczająco dużo Bartra tu wykonane małą zmianę, która była używamy obecnie znacznie odwrotną, która jest, jak mamy czarno-biały pasek NAV. 84 00:07:04,230 --> 00:07:07,650 Ale czym tak naprawdę zmieniło kolory tak więc to nie miało znaczenia. 85 00:07:07,650 --> 00:07:12,380 A potem również Pasek nawigacji blat stały, który jest, jak to zatrzymuje się na szczycie. 86 00:07:12,480 --> 00:07:16,100 Używamy systemu sieci na dół, a następnie używamy jumbotron. 87 00:07:16,100 --> 00:07:20,960 Przedstawiłem glif koncepcję zbudowany w Bootstrap ikon, które są stosunkowo ograniczone. 88 00:07:21,000 --> 00:07:29,000 Istnieje większość rzeczy, które można używać, ale od czasu do czasu, że nie będzie miał coś lub czasami po prostu sposób, w jaki preferują zabawy niesamowite ikony wyglądają zabawy. 89 00:07:29,010 --> 00:07:41,700 Niesamowite jest zdecydowanie bardziej popularny niż show żywności z pekan i innych nowych rzeczy pokazałem była klasa miniatur, które można po prostu umieścić wokół obrazu i będzie ograniczać tego obrazu na siatkę i dodać tę miłą granicę tutaj. 90 00:07:41,700 --> 00:07:48,520 A potem wreszcie rozmawialiśmy o specyfice i jak musieliśmy walczyć style bootstrap jeśli chcemy zmienić kolor kolor tła. 91 00:07:48,620 --> 00:07:54,180 Aby zmienić kolor tła Nav. lub kolor czcionki za linki, a także kolor Nev. 92 00:07:54,210 --> 00:07:55,450 marka tutaj. 93 00:07:55,620 --> 00:07:57,410 OK, więc to go w następnym filmie. 94 00:07:57,420 --> 00:08:00,230 Mam zamiar pokazać, w jaki sposób możemy zrobić stronę docelową z bootstrap. 95 00:08:00,300 --> 00:08:05,590 I tak jak obiecałem mam teraz zamiar iść skopiować i wkleić te linki graficzne, aby dziewięć różnych obrazów tutaj. 96 00:08:05,760 --> 00:08:09,160 Więc jeśli to jest coś, co chcesz zobaczyć obijać na następną minutę lub dwie. 97 00:08:09,660 --> 00:08:13,380 OK. 98 00:08:15,510 --> 00:08:28,760 Więc będę ekran po prostu podzielić tym i będę skopiować niektóre z nich w ciągu tego pierwszego, a ja po prostu się zastąpić ten jeden tutaj, a potem zrobię następny. 99 00:08:29,140 --> 00:08:29,580 Old Place. 100 00:08:29,580 --> 00:08:31,360 Ten tutaj. 101 00:08:32,610 --> 00:08:47,350 A potem następny Jestem pewien, że to jest nitowania i będę się dzieje wzdłuż linii tak po prostu. 102 00:08:47,350 --> 00:08:48,660 Dobrze, że jesteśmy obok połowy. 103 00:08:48,660 --> 00:09:11,440 Jesteśmy coraz bliżej, a ostatni myślę, że to się powiedzmy upewnić, że wszystko wygląda dobrze lub świeże i mamy dziewięć różnych obrazów. 104 00:09:11,700 --> 00:09:12,360 Niesamowite. 105 00:09:12,660 --> 00:09:12,960 W porządku. 106 00:09:12,960 --> 00:09:14,120 Więc teraz Skończyłem zrobić. 107 00:09:14,190 --> 00:09:16,020 Mam nadzieję, że cieszył się, że czyni galeria zdjęć. 108 00:09:16,050 --> 00:09:17,060 Do zobaczenia w następnym filmie.