Արագ մեկնարկի օրինակներ

Կարո՞ղ եք արագ ձևանմուշներ: Ստուգեք այս հիմնական օրինակները, որոնք մենք հավաքել ենք.

Կանխադրված ցանց

Որպես Bootstrap-ի մաս տրամադրվող լռելյայն ցանցային համակարգը 940px լայնությամբ 16 սյունակ ցանց է: Դա հանրաճանաչ 960 ցանցային համակարգի համն է, բայց առանց ձախ և աջ կողմերի լրացուցիչ լուսանցքի/լիցքավորման:

Ցանցի նշագրման օրինակ

Ինչպես ցույց է տրված այստեղ, հիմնական դասավորությունը կարող է ստեղծվել երկու «սյունակներով», որոնցից յուրաքանչյուրը ընդգրկում է 16 հիմնային սյուներից, որոնք մենք սահմանել ենք որպես մեր ցանցային համակարգի մաս: Լրացուցիչ տատանումների համար տե՛ս ստորև բերված օրինակները:

<div class = «շարք» > 
  <div class = "span6" > 
    ...
  </div>
  <div class = "span10" > 
    ...
  </div>
</div>

Բնադրող սյուներ

Տեղադրեք ձեր բովանդակությունը, եթե անհրաժեշտ է, ստեղծելով .rowգոյություն ունեցող սյունակում:

Ներդիր սյունակների օրինակ

<div class = «շարք» > 
  <div class = "span12" > 
    Սյունակի 1-ին մակարդակ
    <div class = «շարք» > 
      <div class = "span6" > 
        Մակարդակ 2
      </div>
      <div class = "span6" > 
        Մակարդակ 2
      </div>
    </div>
  </div>
</div>

Գլորեք ձեր սեփական ցանցը

Bootstrap-ում ներկառուցված են մի քանի փոփոխականներ՝ լռելյայն 940px ցանցային համակարգը հարմարեցնելու համար: Մի փոքր հարմարեցմամբ դուք կարող եք փոփոխել սյուների չափերը, դրանց ջրհեղեղները և բեռնարկղը, որտեղ նրանք ապրում են:

Ցանցի ներսում

Ցանցային համակարգը փոփոխելու համար անհրաժեշտ փոփոխականները ներկայումս բոլորը գտնվում են preboot.less.

Այժմ հարմարեցնելու համար

Ցանցը փոփոխելը նշանակում է փոխել երեք @grid-*փոփոխականները և նորից հավաքել Less ֆայլերը:

Bootstrap-ը հագեցած է մինչև 24 սյունակ ունեցող ցանցային համակարգով աշխատելու համար; լռելյայն ընդամենը 16 է: Ահա, թե ինչպես ձեր ցանցի փոփոխականները հարմարեցված տեսք կունենան 24 սյունակ ցանցի համար:

@gridColumns ՝ 24 ;       
@gridColumnWidth ՝ 20px ;   
@gridGutterWidth ՝ 20px ;   

Վերակազմավորվելուց հետո դուք կկարգավորվեք:

Ֆիքսված դասավորություն

Լռելյայն և պարզ 940px լայնությամբ, կենտրոնացված դասավորությունը գրեթե ցանկացած վեբկայքի կամ էջի համար, որը տրամադրվում է մեկ <div.container>.

<մարմին>
  <div class = «կոնտեյներ» > 
    ...
  </div>
</body>

Հեղուկ դասավորություն

Այլընտրանքային, ճկուն հեղուկ էջի կառուցվածք՝ նվազագույն և առավելագույն լայնություններով և ձախ կողմի կողագոտով: Հիանալի է հավելվածների և փաստաթղթերի համար:

<մարմին>
  <div class = «կոնտեյներ-հեղուկ» > 
    <div class = «կողային գոտի» > 
      ...
    </div>
    <div class = «բովանդակություն» > 
      ...
    </div>
  </div>
</body>

Վերնագրեր և պատճեններ

Ստանդարտ տպագրական հիերարխիա ձեր վեբ էջերի կառուցվածքի համար:

Ամբողջ տպագրական ցանցը հիմնված է երկու Less փոփոխականների վրա մեր preboot.less ֆայլում՝ @basefontև @baseline. Առաջինը բազային տառատեսակի չափն է, որն օգտագործվում է ամբողջ ընթացքում, իսկ երկրորդը՝ բազային տողի բարձրությունը:

Մենք օգտագործում ենք այդ փոփոխականները և որոշ մաթեմատիկա՝ ստեղծելու մեր բոլոր տեսակի լուսանցքները, լցոնումները և գծերի բարձրությունները և այլն:

հ1. Վերնագիր 1

h2. Վերնագիր 2

h3. Վերնագիր 3

h4. Վերնագիր 4

h5. Վերնագիր 5

h6. Վերնագիր 6

Օրինակ պարբերություն

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Օրինակ վերնագիր Ունի ենթավերնագիր…

Տարբեր տարրեր

Օգտագործելով շեշտադրումներ, հասցեներ և հապավումներ

<strong> <em> <address> <abbr>

Երբ օգտագործել

Շեշտադրման պիտակները ( <strong>և <em>) պետք է օգտագործվեն բառի կամ արտահայտության լրացուցիչ կարևորությունը կամ շեշտադրումը դրա շրջակա պատճենի հետ կապված: Օգտագործեք <strong>կարևորության և սթրեսի շեշտադրման <em>համար :

Շեշտադրումը պարբերության մեջ

Fusce dapibus , tellus ac cursus commodo , tortor mauris condimentum nibh , ut fermentum massa justo sit amet risus: Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue:

Նշում.<b> HTML5-ում օգտագործելը և պիտակները դեռևս նորմալ է <i>, և պարտադիր չէ, որ դրանք համապատասխանաբար ձևավորվեն թավ և շեղ (չնայած, եթե կա ավելի իմաստային տարր, օգտագործեք այն): <b>նախատեսված է ��նդգծել բառերը կամ արտահայտությունները՝ առանց լրացուցիչ կարևորություն հաղորդելու, մինչդեռ <i>հիմնականում նախատեսված է ձայնի, տեխնիկական տերմինների և այլնի համար:

Հասցեներ

Տարրը <address>օգտագործվում է իր մոտակա նախնիների կամ ամբողջ աշխատանքի համար կոնտակտային տեղեկատվության համար: Ահա երկու օրինակ, թե ինչպես այն կարող է օգտագործվել.

Նշում. An-ի յուրաքանչյուր տող <address>պետք է ավարտվի գծի ընդմիջումով ( <br />) կամ փաթաթված լինի բլոկի մակարդակի պիտակով (օրինակ՝ <p>)՝ բովանդակությունը ճիշտ ձևավորելու համար:

հապավումներ

Հապավումների և հապավումների համար օգտագործեք <abbr>պիտակը ( HTML5-<acronym> ում հնացած է ): Տեղադրեք սղագրության ձևը պիտակի մեջ և վերնագիր սահմանեք ամբողջական անվան համար:

Արգելափակման մեջբերումներ

<blockquote> <p> <small>

Ինչպես մեջբերել

Բլոկի մեջբերում ներառելու համար փաթաթեք <blockquote>և նշեք : Օգտագործեք տարրը՝ ձեր աղբյուրը նշելու համար, և դրանից առաջ կստանաք em գծիկ :<p><small><small>&mdash;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ամբողջական թվերը կարող են լինել ավելի վաղ:

Դոկտոր Ջուլիուս Հիբերտ

<blockquote>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ամբողջական թվերը կարող են լինել ավելի վաղ: </p>
  <small> Դոկտոր Ջուլիուս Հիբերտ </small>
</blockquote>

Չպատվիրված<ul>

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Ամբողջական մոլեստի լորեմ և մասսա
• Հեշտացում պրետիում նիսլ ալիքում
• Նալլա volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Էնեան նստել ամետ էրատ նունց
• Eget porttitor lorem

Ոչ ոճավորված<ul.unstyled>

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Ամբողջական մոլեստի լորեմ և մասսա
• Հեշտացում պրետիում նիսլ ալիքում
• Նալլա volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Faucibus porta lacus fringilla vel
• Էնեան նստել ամետ էրատ նունց
• Eget porttitor lorem

Պատվիրել է<ol>

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Ամբողջական մոլեստի լորեմ և մասսա
4. Հեշտացում պրետիում նիսլ ալիքում
5. Նալլա volutpat aliquam velit
6. Faucibus porta lacus fringilla vel
7. Էնեան նստել ամետ էրատ նունց
8. Eget porttitor lorem

Նկարագրությունdl

Նկարագրության ցուցակներ

Նկարագրության ցանկը կատարյալ է տերմինները սահմանելու համար:

Էվիզմոդ

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Կոդ

<code> <pre>

Կավատացրեք ձեր կոդը ոճով երկու պարզ պիտակներով: Javascript-ի միջոցով էլ ավելի հիանալի լինելու համար գցեք Google-ի կոդերի բարելավման գրադարանը և պատրաստ եք:

Ներկայացնում է կոդը

Կոդը, բլոկները կամ ուղղակի հատվածները կարող են ցուցադրվել ոճով, պարզապես փաթաթելով ճիշտ պիտակի մեջ: Կոդերի բլոկների համար, որոնք ընդգրկում են բազմաթիվ տողեր, օգտագործեք <pre>տարրը: Ներքին կոդի համար օգտագործեք <code>տարրը:

<div>
  <h1>Վերնագիր</h1>
  <p>Այստեղ ինչ-որ բան կա...</p>
</div>

<div> <h1> Վերնագիր </h1> <p> Ինչ- որ բան հենց այստեղ... </p> </div>
  
  

Ներդիր պիտակներ

<span class="label">

Ուշադրություն հրավիրեք կամ նշեք ձեր հիմնական տեքստի ցանկացած արտահայտություն:

Նշեք որևէ բան

Երբևէ անհրաժեշտ է եղել այդ շքեղ Նորերից մեկը : կամ Կարևոր դրոշակներ կոդը գրելիս: Դե, հիմա դուք ունեք դրանք: Ահա թե ինչ է ներառված լռելյայն.

Մեդիա ցանց

Ցուցադրել տարբեր չափերի մանրապատկերներ ցածր HTML ոտնահետք և նվազագույն ոճեր ունեցող էջերում:

Մանրապատկերների օրինակներ

Մանրապատկերները .media-gridկարող են լինել ցանկացած չափսի, բայց դրանք լավագույնս աշխատում են, երբ քարտեզագրվում են անմիջապես ներկառուցված Bootstrap ցանցային համակարգին: Պատկերի լայնությունները, ինչպիսիք են 90-ը, 210-ը և 330-ը, համակցվում են մի քանի պիքսել լցոնման հետ՝ հավասարեցնելով .span2, .span4, և .span6սյունակների չափերը:

Մեծ

Միջին

Փոքր

Նրանց կոդավորումը

Մեդիա ցանցերը հեշտ է օգտագործել և բավականին պարզ են նշագրման կողմում: Նրանց չափերը զուտ հիմնված են ներառված պատկերների չափերի վրա:

<ul class = «մեդիա-ցանց» > 
  <li>
    <a href = «#» > 
      <img class = "thumbnail" src = "https://placehold.it/330x230" alt = "" >   
    </a>
  </li>
  <li>
    <a href = «#» > 
      <img class = "thumbnail" src = "https://placehold.it/330x230" alt = "" >   
    </a>
  </li>
</ul>

Սեղանների կառուցում

<table> <thead> <tbody> <tr> <th> <td> <colspan> <caption>

Սեղանները հիանալի են՝ շատ բաների համար: Հիանալի աղյուսակները, այնուամենայնիվ, կարիք ունեն մի փոքր նշագրման սիրո՝ օգտակար, մասշտաբային և ընթեռնելի լինելու համար (կոդի մակարդակով): Ահա մի քանի խորհուրդներ, որոնք կօգնեն:

Միշտ փաթաթեք ձեր սյունակների վերնագրերը <thead>այնպես, որ հիերարխիան լինի <thead>> <tr>> <th>:

Սյունակների վերնագրերի նման, ձեր աղյուսակի ամբողջ բովանդակությունը պետք է փաթաթված լինի <tbody>այնպես, որ ձեր հիերարխիան լինի <tbody>> <tr>> <td>:

Օրինակ՝ աղյուսակի կանխադրված ոճերը

Բոլոր աղյուսակները ավտոմատ կերպով ձևավորվելու են միայն հիմնական եզրագծերով՝ ապահովելու ընթերցանությունը և պահպանելու կառուցվածքը: Կարիք չկա ավելացնել լրացուցիչ դասեր կամ ատրիբուտներ:

<աղյուսակ>
  ...
</table>

Օրինակ՝ Զեբրա գծավոր

Մի փոքր շքեղ եղեք ձեր սեղանների հետ՝ ավելացնելով զեբրա գծեր. պարզապես ավելացրեք .zebra-stripedդասը:

Նշում. Zebra-striping-ը առաջադեմ բարելավում է, որը հասանելի չէ հին բրաուզերների համար, ինչպիսիք են IE8-ը և ստորև:

<table class = "zebra-striped" > 
...
</table>

Օրինակ՝ Zebra-striped w/ TableSorter.js

Վերցնելով նախորդ օրինակը՝ մենք բարելավում ենք մեր աղյուսակների օգտակարությունը՝ ապահովելով տեսակավորման գործառույթ jQuery- ի և Tablesorter հավելվածի միջոցով: Սեղմեք ցանկացած սյունակի վերնագրի վրա՝ տեսակավորումը փոխելու համար:

<script src = "js/jquery/jquery.tablesorter.min.js" </script> 
<սկրիպտ > 
  $ ( ֆունկցիա () { 
    $ ( «table# sortTableExample» ): սեղանի տեսակավորող ({ sortList : [[ 1 , 0 ]] });  
  });
</script>
<table class = "zebra-striped" > 
  ...
</table>

Կանխադրված ոճեր

Բոլոր ձևերին տրված են լռելյայն ոճեր՝ դրանք ընթեռնելի և մասշտաբային կերպով ներկայացնելու համար: Ոճերը տրամադրվում են տեքստի մուտքագրման, ընտրված ցուցակների, տեքստային տարածքների, ռադիո կոճակների և վանդակների և կոճակների համար:

Խցանված ձևեր

Ավելացրեք .form-stackedձեր ձևի HTML-ին, և դուք կունենաք պիտակներ դրանց դաշտերի վերևում, ոչ թե ձախ կողմում: Սա հիանալի է աշխատում, եթե ձեր ձևերը կարճ են կամ դուք ունեք մուտքագրման երկու սյունակ ավելի ծանր ձևերի համար:

Ձևավորել դաշտերի չափերը

Անհատականացրեք ցանկացած ձև input, select, կամtextarea լայնություն՝ ավելացնելով ընդամենը մի քանի դաս ձեր նշագրմանը:

v1.3.0-ի դրությամբ մենք ավելացրել ենք ցանցի վրա հիմնված չափագրման դասեր ձևի տարրերի համար: Խնդրում ենք օգտագործել սրանք գոյություն ունեցող .mini, .small, և այլն դասերի նկատմամբ:

Կոճակներ

Որպես կոնվենցիա, կոճակները օգտագործվում են գործողությունների համար, մինչդեռ հղումները օգտագործվում են օբյեկտների համար: Օրինակ՝ «Ներբեռնում»-ը կարող է լինել կոճակ, իսկ «վերջին գործունեությունը»՝ հղում:

Բոլոր կոճակները լռելյայն ունեն բաց մոխրագույն ոճ, սակայն մի շարք ֆունկցիոնալ դասեր կարող են կիրառվել տարբեր գույների ոճերի համար: Այս դասերը ներառում են կապույտ .primaryդասեր, բաց-կապույտ .infoդասեր, կանաչ .successդասեր և կարմիր .dangerդասեր:

Օրինակ կոճակներ

Կոճակների ոճերը կարող են կիրառվել ցանկացածի վրա՝ .btnկիրառվածով: Սովորաբար դուք կցանկանաք կիրառել դրանք միայն <a>, <button>և ընտրել <input>տարրերի վրա: Ահա թե ինչպես է այն նայում.

Այլընտրանքային չափսեր

Ցանկանում եք ավելի մեծ կամ փոքր կոճակներ: Ունեցեք այն:

Հաշմանդամ վիճակ

Կոճակների համար, որոնք ակտիվ չեն կամ այս կամ այն ​​պատճառով անջատված են հավելվածի կողմից, օգտագործեք անջատված վիճակը: Դա .disabledհղումների և տարրերի :disabledհամար է :<button>

Հղումներ

Կոճակներ

Ինչ է դա

Մեր վերին գիծը ֆիքսված գիծ է, որը պարունակում է վեբկայքի պատկերանշանը կամ անունը, առաջնային նավիգացիան և որոնման ձևը:

Կարգավորելի

Ներսում գտնվող բոլոր տարրերը, ինչպես նաև ամբողջ վերին տողը, կամընտիր են: Դուք կարող եք ընտրել լոգոն/անուն, նավարկություն, որոնում և երկրորդական նավարկություն կամ դրանց ցանկացած համակցություն:

Ներառված են բացվող պատուհաններ

Որպես հիմնական նավարկության մաս՝ մենք ներառել ենք ձեր նավարկությունում բացվող ցանկեր ավելացնելու հնարավորությունը: Ստուգեք վերևում գտնվող երկրորդական նավը (աջից հավասարեցված)՝ տեսնելու, թե ինչպես է դա արվում: Բացվող liպիտակները նաև աջակցում .activeեն ընթացիկ էջի ընտրությունը ցուցադրելու համար:

Ներդիրներ և հաբեր

Ստեղծեք պարզ երկրորդական նավարկություն a-ով <ul>: Փոխանակեք ներդիրների կամ հաբերի միջև՝ ավելացնելով համապատասխան դասը:

Հիանալի է բովանդակության ենթաբաժինների համար, ինչպիսիք են մեր հաշվի կարգավորումների էջերը և օգտատերերի ժամանակացույցերը՝ նման բովանդակության էջերի միջև փոխարկելու համար: Հասանելի է ներդիրներով կամ հաբերի ոճերով:

• տուն
• Անձնագիր
• Հաղորդագրություններ
• Կարգավորումներ
• Կապ
• Բացվող
  • Երկրորդական հղում
  • Այստեղ այլ բան
  • Մեկ այլ հղում

<ul class = «ներդիրներ» > 
  <li class = "active" ><a href = "#" > Գլխավոր </a></li>  
  <li><a href = "#" > Պրոֆիլ </a></li> 
  <li><a href = "#" > Հաղորդագրություններ </a></li> 
  <li><a href = "#" > Կարգավորումներ </a></li> 
  <li><a href = "#" > Կապ </a></li> 
</ul>

• տուն
• Անձնագիր
• Հաղորդագրություններ
• Կարգավորումներ
• Կապ

<ul class = «դեղահատեր» > 
  <li class = "active" ><a href = "#" > Գլխավոր </a></li>  
  <li><a href = "#" > Պրոֆիլ </a></li> 
  <li><a href = "#" > Հաղորդագրություններ </a></li> 
  <li><a href = "#" > Կարգավորումներ </a></li> 
  <li><a href = "#" > Կապ </a></li> 
</ul>

Հացի փշրանքներ

Breadcrumb նավիգացիան օգտագործվում է որպես միջոց՝ օգտվողներին ցույց տալու, թե որտեղ են նրանք գտնվում հավելվածում կամ կայքում, բայց ոչ հիմնական նավիգացիայի համար:

• տուն

• Գլխավոր /
• Միջին էջ

• Գլխավոր /
• Միջին էջ /
• Ուրիշ մեկը

• Գլխավոր /
• Միջին էջ /
• Մեկ ուրիշը /
• Դու այստեղ ես

<ul class = «հացի փշուր» > 
  <li><a href = "#" > Գլխավոր </a> <span class = "divider" > / </span></li>   
  <li><a href = "#" > Միջին էջ </a> <span class = "divider" > / </span></li>   
  <li><a href = "#" > Մեկ ուրիշը </a> <span class = "divider" > / </span></li>   
  <li class = "active" > Դուք այստեղ եք </li> 
</ul>

Էջավորում

Չափազանց պարզեցված և նվազագույն ոճով էջադրում, որը ոգեշնչված է Rdio-ից: Մեծ բլոկը դժվար է բաց թողնել, հեշտությամբ մասշտաբելի և ապահովում է սեղմումների մեծ տարածքներ:

<div class = «էջադրում» > 
  <ul>
    <li class = "prev disabled" ><a href = "#" > ← Նախորդ </a></li>  
    <li class = "ակտիվ" ><a href = "#" > 1 </a></li>  
    <li><a href = "#" > 2 </a></li> 
    <li><a href = "#" > 3 </a></li> 
    <li><a href = "#" > 4 ​​</a></li> 
    <li><a href = "#" > 5 </a></li> 
    <li class = "next" ><a href = "#" > Հաջորդ → </a></li>  
  </ul>
</div>

Հիմնական ահազանգեր

.alert-message

Մեկ տողով հաղորդագրություններ՝ ընդգծելու ձախողումը, հնարավոր ձախողումը կամ գործողության հաջողությունը: Հատկապես օգտակար է ձևերի համար:

Ստացեք javascript »

Օրինակ կոդ

<div class = «զգուշացում-հաղորդագրություն նախազգուշացում» > 
  <a class = "close" href = "#" > × </a>  
  <p><strong> Սուրբ գուակամոլե: </strong> Լավագույնը համոզվեք, որ դուք այնքան էլ լավ տեսք չունեք: </p>
</div>

Արգելափակել հաղորդագրությունները

.alert-message.block-message

Հաղորդագրությունների համար, որոնք պահանջում են մի փոքր բացատրություն, մենք ունենք պարբերության ոճի ազդանշաններ: Սրանք կատարյալ են ավելի երկար սխալի հաղորդագրություններ փրփրելու, օգտատիրոջը սպասող գործողության մասին նախազգուշացնելու կամ պարզապես էջի վրա ավելի մեծ շեշտադրման համար տեղեկատվություն ներկայացնելու համար:

Ստացեք javascript »

Օրինակ կոդ

<div class = "alert-message block-message warning" > 
  <a class = "close" href = "#" > × </a>  
  <p><strong> Սուրբ գուակամոլե: Սա նախազգուշացում է։ </strong> Լավագույնը համոզվեք, որ դուք այնքան էլ լավ տեսք չունեք: Nulla vitae elit libero, a pharetra augue: Praesent commodo cursus Magna, vel scelerisque nisl consectetur et. </p>
  <div class = «զգուշացում-գործողություններ» > 
    <a class = "btn small" href = "#" > Կատարեք այս գործողությունը </a> <a class = "btn small" href = "#" > Կամ արեք սա </a>     
  </div>
</div>

Մոդալներ

Մոդալները՝ երկխոսությունները կամ լուսատուփերը, հիանալի են համատեքստային գործողությունների համար այն իրավիճակներում, երբ կարևոր է պահպանել ֆոնային համատեքստը:

Ստացեք javascript »

Գործիքների հուշումներ

Twipsies-ը չափազանց օգտակար է շփոթված օգտատիրոջը օգնելու և նրան ճիշտ ուղղությամբ ուղղելու համար:

Ստացեք javascript »

Պոպովերներ

Օգտագործեք popovers՝ ենթատեքստային տեղեկատվություն տրամադրելու էջին՝ առանց ազդելու դասավորության:

Ստացեք javascript »

Սկսել

Javascript-ի ինտեգրումը Bootstrap գրադարանի հետ շատ հեշտ է: Ստորև մենք անցնում ենք հիմունքներին և ձեզ տրամադրում ենք մի քանի հիանալի հավելվածներ՝ սկսելու համար:

Դիտել javascript փաստաթղթերը »

Ինչ է ներառված

Կյանքի կոչեք Bootstrap-ի հիմնական բաղադրիչներից մի քանիսը նոր հատուկ պլագիններով, որոնք աշխատում են jQuery- ի և Ender- ի հետ : Մենք խրախուսում ենք ձեզ ընդլայնել և փոփոխել դրանք՝ համապատասխանելու ձեր զարգացման հատուկ կարիքներին:

Արդյո՞ք Javascript-ը անհրաժեշտ է:

Ոչ! Bootstrap-ը նախագծված է նախ և առաջ որպես CSS գրադարան: Այս javascript-ն ապահովում է հիմնական ինտերակտիվ շերտ ներառված ոճերի վերևում:

Այնուամենայնիվ, նրանց համար, ովքեր կարիք ունեն javascript-ի, մենք տրամադրել ենք վերևի պլագինները, որոնք կօգնեն ձեզ հասկանալ, թե ինչպես ինտեգրել Bootstrap-ը javascript-ի հետ և անմիջապես տալ ձեզ արագ, թեթև տարբերակ հիմնական գործառույթների համար:

Լրացուցիչ տեղեկությունների և որոշ կենդանի ցուցադրություններ տեսնելու համար խնդրում ենք այցելել մեր plugin-ի փաստաթղթերի էջը :