javascript - kuinka muuttaa olemassa oleva verkkosivusto bootstrapiksi


Joten minulla on HTML-, CSS- ja JavaScript-tiedostoja, ne kaikki muodostavat pienen web-sovelluksen, joka vaaditaan kotitehtävääni varten web-sovelluskurssillani, osa kotitehtävääni on tehdä bootstrap-versio juuri tekemästäni webistä.

Kysymykseni on, miten muutan koodini Bootstrapiksi tehdäkseeni verkkoni responsiiviseksi? Mitä niksejä/pikakuvakkeita voin käyttää?

Vastaus #1

Sinun pitäisi lukea Bootstrapin dokumentaatio täällä: http://getbootstrap.com/css/

Suosittelen aloittamaan valitsemalla, minkä tyyppistä säiliötä sisältösi käyttää: normaali tai neste (100 % selainikkunan leveys). Kun tämä on määritelty, voit alkaa laittaa joitakin responsiivisia ruudukkoluokkia div:eihisi.

Vastaus #2

Jos vierailet bootstrap-dokumentaatiossa, voit nähdä tarkalleen, mitä Bootstrap voi tarjota sinulle, ei ole kääntäjää, joka automaattisesti muuttaisi sivustoasi puolestasi.

Kyse on vain siitä, että sovellat bootstrap-komponenttiluokkia olemassa olevaan merkintääsi. Sen ei pitäisi olla liian vaikeaa saavuttaa kopio sivustostasi Bootstrapilla, jos luet dokumentaation läpi.