Weet alles wat we echt nodig hebben om zich te concentreren op zijn de kleuren.
Laten we beginnen met een jumbotron.
Dus alles in het JumboTron is net een andere tint van blauw en die schaduw van blauw Ik heb in dit document hier om te zien 3 5 0 zal gaan naar onze style sheet en we kunnen gewoon selecteert u de jumbotron en geef het een kleur en alles binnen van het allemaal op die kleur, net als dat zijn vers en u kunt zien is alles veranderd blauw te zijn met inbegrip van de klif A-Kon het pictogram glyph is gewoon behandeld als tekst.
Het is eigenlijk een lettertype, zodat u de kleur van het kan veranderen met de eigenschap kleur.
Laten we nu eens aanpakken van de nav bar die is een beetje lastiger.
De achtergrondkleur is niet slecht.
Alles wat we moeten doen is kiezen nav bar Inv. of we konden doen.
Nu als we op na onze fix stop, maar ik zal nav bar omgekeerde doen en dan geef het een achtergrondkleur van die blauwe achtergrond en plak deze in en vernieuwen.
En je kunt zien verandert blauw te zijn.
Maar om de kleur te veranderen Ik wil dat ze wit zijn in plaats van dat grijs dat ze.
Als ik de stijl gewoon allemaal inkt of labels dat is wat deze zijn voor slechts stijl anker tags wit zijn het zal niet helemaal werk.
Dus ik zal je laten zien wat ik bedoel.
Ankertag kleur wit.
Ga terug.
Het heeft geen effect te nemen en dit is een groot nut voor de inspecteur als we inspecteren.
Kijk wat er gebeurt.
Dus we kunnen zien dat onze kleur wit wordt afgedaan en de kleur wordt hier toegewezen.
Deze lijn kleur is deze grijze en als we het vinkje dat ze gaan terug naar zijn de witte, dat we willen dat ze zijn.
En dat komt omdat dit is een meer specifieke selector.
Als je terug naar die les die ik deed op specificiteit kan denken.
Dit wordt berekend op een hogere waarde of een hogere specificiteit index dan wat we hier hadden die up is alleen voor kleine ankercode versus deze hier.
Het is meerdere klassen.
Vergeet niet elk van die is tien keer meer specifieke dan alleen een anchor tag.
Dus wat we willen doen is schrijven een selector die net zo specifiek zal zijn en we kunnen gewoon stelen deze hier.
Dus we gaan om hier en plak deze in en dan veranderen kleur wit te zijn.
Dus we gewoon negeren exact dezelfde schlechter dat Bootstrap gehad.
En het is belangrijk dat onze stijlen optreden na bootstrap, zodat we het kunnen negeren en als we zijn vers krijgen we nu witte banden.
Tot slot zullen we hetzelfde met de nav bar merk doen.
Dus zoals je kunt zien dat er binnen in navigatiebalk dash merk.
Als we selecteren die Daut nu voor ons merk en geven we dat een kleur wit en op te slaan en terug te gaan het nog steeds niet werkt en we hebben hetzelfde probleem.
Dus als we inspecteren je zult zien dat het onze stijlen is overgestoken hier af naar beneden waar we heen draaien wit is afgedaan en is eerder kleuren worden veranderd door deze lijn.
Nu als Bar merk binnenkant van nav bar Inv. dus we kunnen ook gewoon stelen dat en overschrijf dat.
Dus we hoeven alleen maar dat nav bar inv ..
Nu is voor ons merk.
Dus eigenlijk zijn we het schrijven van stijlen die gaan head to head botsen in een strijd van de stijlen tussen bootstrap en onze stijlen en ze zijn identiek in de selectors.
Dus omdat ons komt op de tweede ze gaan komen op de top.
Ze gaan om te winnen terug te gaan vernieuwen en nooit meer gaan.
We hebben de meeste van de stijlen gedaan.
Er is een heel klein ding dat u waarschijnlijk niet in de gaten op het scherm wierp de kleur van grijs op de JumboTron is ooit zo iets anders.
Dus ik heb die kleur hier Ik kom net kopiëren en ga dan naar RC SS en we zullen verander gewoon de achtergrond van de Jumbotron dat grijs gekleurd zijn en besteden veel aandacht als refresh.
Hopelijk kunt u zien veranderen.
Het is gewoon veranderd.
Het is een iets blauwere naar grijs.
Dus laten we testen alles uit.
Laten we het formaat van onze NAV bar werk.
De Javascript werkt prima.
Daar gaan we.
Alles ziet er goed uit.
Het laatste wat ik zal je laten zien is hoe we een ander pictogram hier kunnen gebruiken.
Degene die ik gebruik is van een bibliotheek genaamd leuke ontzagwekkende fun geweldig is een eenvoudige bibliotheek die een heleboel verschillende pictogrammen bevat.
Veel meer dan de ingebouwde Bootstrap met pictogrammen, zodat u bij Funt geweldig om het te krijgen.
Haar niet krijgen.
Ik weet dat ik op de home page hier.
En als we klik op de pictogrammen zijn er meer dan 580 verschillende pictogrammen kunt u ze hier allemaal te zien.
En een van de leuke functies die u kunt zoeken door middel van hen, die kun je niet echt te doen op Pucelle heel gemakkelijk.
Dus we kunnen zoeken naar foto en krijgen we de camera en de camera retro dat is wat ik gebruikte.
Maar voordat we een van hen kunnen gebruiken moeten we om het te installeren.
Dus als je naar de slag.
Ze hebben een mooie CDN dat je gewoon kunt kopiëren en zet die binnenkant van je applicatie.
Dus we zullen dat doen op bovenkant betalen plotselinge.
En nu kunnen we plezier geweldig iconen te gebruiken en het is echt heel eenvoudig.
Eigenlijk als je klikt op een pictogram dat u wilt dat zeggen dat ik wil het vredesteken ik kan erop klikken gebruiken en ze geven je het kleine stukje code die u kunt kopiëren.
Dus het is een icoon met klasse gelijk is aan f een voor de lol.
Geweldig.
En dan F. A. dash de naam van het pictogram.
Laten we gewoon de plaats van de camera-icoontje met deze, zodat het een groot vredesteken zal redden en te vernieuwen zal hebben.
En we hebben een vredesteken.
Zo leuk geweldig is pretty awesome.
Het is echt populair.
Veel van de grote iconen als je kunt vrijwel elk pictogram dat u ooit nodig zou hebben te zien.
Ze hebben een heleboel van de standaard zijn.
Pauze play-knop.
Doorsturen achteruit verschillende pictogrammen voor technologie en verschillende Internet pictogrammen.
Maar ze hebben ook wat meer plezier degenen zoals vredestekens.
En ik denk dat ze hebben ook een Spock kant Yep daar gaan we.
Zo kunt u een van deze te gebruiken net zoals je elk ander lettertype te gebruiken.
Dus als je wilt de kleur te veranderen u verander gewoon de eigenschap kleur als je wilt om de grootte te veranderen.
Je eigenlijk veranderen lettergrootte.
Dus ik ga gebruiken die retro camera zoeken naar dat weer wat camera dash retro, dus ik moet een streepje camera vleugje retro doen en op te slaan refresh en we krijgen die retro camera.
Oké dus we zijn klaar met de galerij.
Afgezien van het beeld daadwerkelijk te veranderen ben je anders dat ik, zodra ik klaar ben met deze wrap up zal doen.
U heeft waarschijnlijk niet willen anyways te kijken maar in het geval heb je zal ik het onder meer aan het eind.
Dus we hebben genoeg Bartra hier maakte een kleine verandering die we gebruiken nu veel inverse dat is hoe we de zwarte en witte nav bar.
Maar toen we in feite verandert kleuren toch dus het deed er niet echt toe.
En dan hebben we ook gebruik gemaakt nav bar vaste top dat is hoe het omhoog blijft aan de top.
We maken gebruik van een grid-systeem hier beneden en dan gebruiken we een jumbotron.
Ik introduceerde glyph een concept gebouwd in Bootstrap pictogrammen die relatief beperkt zijn.
Er zijn de meeste van de dingen die je zou gebruiken, maar zo nu en dan zullen ze niet iets hebben of soms heb je gewoon liever de manier waarop de pret ontzagwekkende pictogrammen kijk plezier.
Awesome is zeker meer populair dan het eten show met pecannoten en de andere nieuwe wat ik liet zien was de verkleinde klasse die je net om een ​​beeld kunt zetten en het zal beperken dat de afbeelding in een raster en hier toe dit leuke kleine grens.
En dan tot slot hebben we gesproken over de specificiteit en hoe we moesten de bootstrap stijlen vechten als we wilden om de kleur te veranderen de achtergrondkleur.
Wil je de achtergrondkleur van Nav veranderen. of de tekstkleur voor de links en ook de kleur van de Nev.
merk hier.
OK dus dat is het in de volgende video.
Ik ga je laten zien hoe we een landing page kan maken met bootstrap.
En zoals ik beloofd dat ik ga nu te kopiëren en te plakken gaan deze afbeelding links naar negen verschillende beelden hier te maken.
Dus als dat is iets wat je wilt zien hangen rond voor de volgende minuut of twee.
OK.
Dus ik zal gewoon split screen dit en ik zal een aantal van deze meer dan dit eerste exemplaar en ik ga gewoon deze ene hier te vervangen en dan zal ik het volgende doen.
Old Place.
Deze hier.
En dan de volgende degene die ik weet zeker dat dit is meeslepend en ik zal blijven gaan naar beneden de lijn net als dat.
Oké we zijn voorbij halfweg.
We zijn er bijna en de laatste die ik denk dat we het laten we zeggen ervoor te zorgen dat alles ziet er goed of vers en we hebben negen verschillende beelden.
Geweldig.
Okee.
Dus nu ben ik klaar gedaan.
Hopelijk genoten van het maken van die image gallery.
Ik zie je in de volgende video.