twitter bootstrap 101:,,,,, en twitter bootstrap er mange handy karakteristika er en tiltalende glidende bagagebånd for med billeder og indhold.her er ikke svært.det kræver en struktureret avance, bootstrap jquery stik af, og et par linjer i javascript at aktivere den.lad mig vise dig, hvordan man gør.,,,,,,,, screencast, subsidiært, at downloade video eller tilslutte sig webdesigntuts + screencasts via itunes eller youtube., for dem af jer, der værdsætter kursusun­dervisning i sort og hvidt, lad os gå over:,,,,,,,,, javascript avancen,,, tilpasning af karrusellen indstillinger, som deres eget indhold og tekst,,,,,, trin 1: karrusellen avance, bootstrap, kræver en specifik - mønster, med de relevante klasser.,, bånd og bånd indre, <!- karrusel - hører twitter bootstrap) på http: //twitter. github. kom /bootstrap /javascript. html&#karrusel - > < div id = "karrussel id" klasse = "karrussel glid" > <!- klasse af objektglas for informationstiltag - > < div klasse = "karrussel indre" > < div klasse = "punkt aktive" > <!-- class of active since it's the first item --> <img src="http://placehold.it/1200x480" alt="" /> <div class="carousel-caption"> <p>Caption text here</p> </div> </div> <div class="item"> <img src="http://placehold.it/1200x480" alt="" /> <div class="carousel-caption"> <p>Caption text here</p> </div> </div> <div class="item"> <img src="http://placehold.it/1200x480" alt="" /> <div class="carousel-caption"> <p>Caption text here</p> </div> </div> <div class="item"> <img src="http://placehold. det /1200x480 "alat =" /> < div klasse = "karrussel overskrift" > < p > legende tekst her < /p > < /div > < /div > < /div > <!- /. karrusel indre - > <!- næste og forudgående kontrol under href værdier skal - id for denne karrusel... > < en klasse = "karrussel kontrol venstre" href = "# denne karrusel id" data glide = "tidligere" > & lsaquo; < /a > < klasse = "karrussel kontrol" href = "# denne karrusel id" data glide = "næste" > & rsaquo; < /a > < /div > <!- /. karrusel - >,, når vi har leveret den forhøjelse, vi er nødt til at nulstille karrusellen javascript til at gøre sit arbejde på denne karrusel.,,,,, trin 2: karrusellen javascript, lad os begynde med at sikre, at de nødvendige javascript er knyttet til denne side.du vil finde din javascript forbindelser nær bunden af siden, nær den afsluttende lig mærke.,, jquery, den bedste måde at forbinde jquery anbefales, er at forbinde en cdn afholdt version.det er hurtigere at downloade, og det kan være skjult i din brugerens browser.,, men det ville være rart at have en backup, så hvis der sker noget med at regne, afholdt version, brugerne kan få lokalt fra din egen hjemmeside filer.det er præcis, hvad de ved html5 boilerplate anbefaler, og det ser sådan ud:,, < manuskript src = //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js "> < /manuskript > < manuskript > window.jquery