Bootstrap - yog dab tsi? Twitter Bootstrap - lub vev xaib tsim thiab txhim kho

Cov txheej txheem:

Bootstrap - yog dab tsi? Twitter Bootstrap - lub vev xaib tsim thiab txhim kho
Bootstrap - yog dab tsi? Twitter Bootstrap - lub vev xaib tsim thiab txhim kho
Anonim

Cov neeg uas ua haujlwm tsawg kawg yog me ntsis nrog kev tsim lub vev xaib thiab paub txog cov txheej txheem ntawm kev tsim cov vev xaib thiab tsim lawv, paub deb npaum li cas qhov muaj peev xwm ua rau pom koj cov ntsiab lus tau tuaj tsis ntev los no. Ua tsaug rau CSS, JavaScript thiab Flash thev naus laus zis, ua ke ua ke, txhua qhov chaw tuaj yeem hloov mus ua ib qho txuj ci tiag tiag, ib hom kev ua haujlwm ntawm kev kos duab niaj hnub. Thiab, ntawm chav kawm, ntau tus neeg tsim qauv ua qhov no, thiab ntau lub tuam txhab ua haujlwm siab ncaj rau kev txhim kho cov portals nrog cov duab zoo kawg. Ntxiv mus, "wow-effect" ntawm nplooj ntawv tuaj yeem ua tiav tsis yog los ntawm cov txheej txheem sib txawv, tab sis kuj nrog kev pab cuam ntawm kev hloov pauv yooj yim tab sis zoo nkauj, infographics, txuas, thiab ntau dua.

bootstrap yog dab tsi
bootstrap yog dab tsi

Qhov tseeb, txhua tus tsim qauv tsim thiab tsim qauv paub tias txhawm rau txuag lub sijhawm thaum tsim cov peev txheej, koj yuav tsum muaj lub hauv paus, tus qauv, raws li qhov koj tuaj yeem tsim qhov kawg "masterpiece". Qhov ntawd yog qhov Bootstrap tau tsim rau: hnub no nws pab txuag lub sijhawm thiab ua kom yooj yim rau ntau txhiab tus neeg tsim lub vev xaib.

Bootstrap - yog dab tsi?

Yog li, cov lus piav qhia ntawm cov khoom yuav tsum pib nrog nws cov yam ntxwv dav dav. Yog li ntawd, peb nco ntsoov tias Bootstrap yog lub platform qhia hauv ib txheejthawj templates rau lub site. Txhua tus suav nrog cov duab, CSS, thiab tau kawg HTML.

twitter bootstrap
twitter bootstrap

Tag nrho cov teeb los hauv ib lub archive, uas tuaj yeem rub tawm dawb los ntawm lub platform nplooj ntawv nom. Yog li, txhua tus neeg uas xav tsim lawv lub vev xaib tuaj yeem siv cov txheej txheem no, thiab nws yuav tsis tas yuav sau txhua nplooj ntawv los ntawm kos, ua cov haujlwm yooj yim: kos npe rau ntawm qhov chaw, tawg rau hauv blocks, xaiv cov duab rau cov cim yooj yim, thiab lwm yam. Tib lub sijhawm, txhua txheej ntawm Twitter Bootstrap yog tus kheej heev. Tsis zoo li cov qauv peb tau siv los, tsis muaj dab tsi superfluous hauv nws uas yuav tsum tau muab tshem tawm lossis hloov. Tus tsim qauv yuav tuaj yeem tsim nws lub hlwb ncaj qha los ntawm Bootstrap.

Yuav pib tsim lub vev xaib li cas?

Yog li, peb twb tau paub txog lub platform nws tus kheej, tam sim no cia peb mus rau qhov pib tsim koj lub vev xaib tshwj xeeb. Txhawm rau pib, tau kawg, koj yuav tsum rub tawm cov ntaub ntawv nrog Twitter Bootstrap template. Nws siv qhov chaw me me, thiab koj tuaj yeem tau txais nws ntawm nplooj ntawv GetBootstrap. Nyob ntawd koj tuaj yeem xaiv qhov tso kawm ntawm cov blocks uas koj xav tau rau lub xaib. Piv txwv li, muaj cov nplooj ntawv nyob rau hauv daim ntawv ntawm ib tug tsaws-nplooj ntawv nrog ib daim duab, nrog ib tug slider, nrog ob peb nqe lus, nrog preset teebmeem, thiab hais txog. Koj tsuas yog yuav tsum tau xaiv thiab rub tawm cov ntaub ntawv uas tsim nyog rau koj qhov chaw tsim los ntawm Bootstrap. Cov txheej no yog dab tsi, koj yuav pom tam sim tom qab rub tawm.

bootstrap zaub mov
bootstrap zaub mov

Kev kho lub ntsiab lus

Txhua lub ncauj lus sawv cev rau nws tus kheej, zoo li txhua qhov chaw,ib txheej ntawm HTML, CSS thiab cov ntaub ntawv duab. Cov neeg tsim tawm ntawm lub platform tau siv zog coj cov qauv tsim rau tib cov qauv, thaum muab lub sijhawm siab tshaj plaws rau kev kho koj lub ntsiab lus. Yog li ntawd, txhawm rau ua kom koj lub xaib tshwj xeeb, koj yuav tsum nkag siab txog cov qauv ntawm lub platform, cov qauv ntawm lub xaib ntawm nws, thiab yuav ua li cas cov cai ntawm txhua tus qauv sau. Koj yuav tsum ua qhov no ib zaug, tom qab ntawd nws yuav yooj yim dua los tsim koj cov haujlwm siv Bootstrap. CSS thiab cov duab zoo ib yam ntawm txhua lub ntsiab lus. Nov yog qhov ntxiv ntawm qhov kev qhia no.

Txhua yam peb xav tau yog CSS cov ntaub ntawv nrog lub npe ntawm lub ntsiab lus (nws tau muab tso rau hauv "css" nplaub tshev, ntxiv rau nws koj yuav pom ob cov ntaub ntawv ntxiv ntawm cov chaw pib ntawm lub platform, koj tuaj yeem tso lawv ib leeg); zoo li "index.html", uas yog lub cim ntawm nplooj ntawv tseem ceeb. Koj yuav tsum pib los ntawm qhov no, thiab lwm yam tshwj xeeb ntxiv hauv daim ntawv sliders, qee qhov cuam tshuam Javascript yuav raug txiav txim siab los ntawm koj txoj haujlwm los tsim ib qho chaw tshwj xeeb. Piv txwv li, nyob rau hauv tus qauv Bootstrap template, cov ntawv qhia zaub mov yuav tsim nyob rau hauv ib tug dull grey xim. Rau koj qhov chaw, ntawm chav kawm, koj yuav hloov nws kom nws ua tiav nyob rau hauv txoj cai xim thiab nrog tag nrho cov yam xav tau. Qhov no yog qhov customization heev, tab sis txij li thaum muaj Bootstrap, tsis tas yuav tsim cov ntawv qhia zaub mov los ntawm kos, uas txuag sijhawm.

bootstrap css
bootstrap css

Opportunities for designers

Qhov tseeb, tam sim no hais txog qhov muaj peev xwm uas Bootstrap platform muab. Cov kev cia siab no yog dab tsi - ua haujlwm nrog cov ntaub ntawv zoo li no? Zoo li, vim li cas lawv thiaj li zoo kawg nkaus?

poQhov tseeb, tsis muaj dab tsi zoo li ntawd hauv tus tsim tawm platform los ntawm Twitter. Lub tswv yim yog qhov yooj yim heev, zoo li nws qhov kev siv. Tab sis tam sim no tus tsim qauv tsis tas yuav tsim nplooj ntawv nplooj ntawv los ntawm kos, tom qab ntawd muab nws qhov xav tau. Tsis yog, tam sim no tus kws tshaj lij tuaj yeem pib ncaj qha los ntawm lub plhaub, los ntawm kev tsim ntawm qhov chaw, tsis muaj kev cuam tshuam los ntawm cov khoom tseem ceeb xws li cov cim tseem ceeb. Qhov no tsis yog piv txwv ntawm kev siv sijhawm zoo thiab siv tau?

Ntxiv rau, lwm qhov txiaj ntsig ntawm Bootstrap tsis tau sau tseg - tias nws yog ib txoj hauv kev los pab cov neeg uas tsis muaj qib siab CSS markup txawj tsim lawv tus kheej kev tsim qauv, vim tias txhua yam cuab yeej uas tus tsim qauv tsim yuav xav tau twb nyob rau hauv cov qauv hauv nqe lus nug. Ib tug neeg paub txog kev tsim lub vev xaib muaj peev xwm ua tau ntau yam ntxiv. Thiab qhov no twb yog ib qho tseem ceeb ntxiv hauv kev pom zoo ntawm Bootstrap.

Tam sim no qhov project tab tom txhim kho, txawm hais tias nws tau pib rov qab rau xyoo 2011 thiab txij thaum ntawd los ntau txhiab tus neeg tau pib ua haujlwm rau nws. Cia siab tias cov neeg tsim tawm yuav txuas ntxiv tsim lub vev xaib yooj yim dua thiab pab tib neeg tsim ib yam tshiab, tus kheej thiab muaj txiaj ntsig rau lub ntiaj teb.

Pom zoo: