javascript - hvordan man ændrer en eksisterende hjemmeside til bootstrap

Så jeg har en html-, css- og javascript-fil, de udgør alle en lille webapp, som kræves til en lektie for mit webapp-kursus, en del af min lektie er at lave en bootstrap-version af den web, jeg netop har lavet.

Mit spørgsmål er, hvordan jeg konverterer min kode til Bootstrap for at gøre mit websted responsivt? Hvilke tricks/genveje kan jeg bruge?

Svar #1

Du bør læse bootstrap-dokumentationen her: http://getbootstrap.com/css/

Jeg vil anbefale dig at starte med at vælge, hvilken type container dit indhold skal bruge: normal eller flydende (100% browserbredde). Når dette er defineret, kan du begynde at tilføje nogle responsive grid-klasser til dine div'er.

Svar #2

Hvis du besøger Bootstrap-dokumentationen, vil du kunne se præcis, hvad Bootstrap kan tilbyde dig; der findes ingen oversætter, som automatisk vil ændre dit site for dig.

Det er bare et spørgsmål om at anvende bootstrap-komponentklasserne på dit eksisterende markup. Det burde ikke være for svært at opnå en kopi af dit site i Bootstrap, hvis du læser dokumentationen.