Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
10
Bootstrap
Rysunek2.Folderzplikamipotrzebnymidoprawidłowegodziałaniawitryny
Jeżelimamyjużpotrzebnefoldery,możemyspróbowaćutworzyćpierwsząstro-
nę.Najwygodniejszebędziekorzystaniezedytoratreścistronwww,np.Brackets.
Wwybranejlokalizacjizakładamynowyfolder,np.pierwsza_strona.Następnie
kopiujemydoniegowspomnianewcześniejfoldery:css,fontsijs.Wedytorzetwo-
rzymynowyplikizapisujemygowfolderzepierwsza_stronapodnazwąindex.html.
Terazmusimywrócićnastronę,zktórejpobieraliśmyplikiBootstrapa.WsekcjiBasic
Templateznajdziemypodstawowykod,wktórymsąjużzapisaneodwołaniadowy-
maganychplików.WprawymgórnymroguokienkazkodemklikamyCopy(rys.3).
KodzostajeskopiowanydoSchowka.
Wracamydoplikuindex.htmliwklejamy(Ctrl+V)zawartośćSchowka.Struk-
turaplikuniejestskomplikowana,zawierajednakodwołaniadoplików,dzię-
kiktórymwitrynabędzieresponsywna.Pierwszeodwołaniedoarkuszastylów
znajdujesięnapoczątkupliku:<link
href=”css/bootstrap.min.css”
rel=”stylesheet”>.Pozostałedwaznajdziemyprzedtagiemzamykającym
</body>.Jednotoodwołaniedoplikujquery.min.js,drugie–bootstrap.min.js.
Możemyuruchomićnasząstronęwprzeglądarce–zobaczymynapis„Hello,
world!”.Jeślinapisjestdośćduży,możemyzałożyć,żearkuszestylówdziałająpra-
widłowo.