Dagiti pagarigan a napartak a mangrugi

Kasapulan kadi ti sumagmamano a napardas a plantilia? Kitaen dagitoy a kangrunaan a pagarigan nga inurnosmi:

Default nga grid

Ti kasisigud a sistema ti grid a naited a kas paset ti Bootstrap ket ti 940px a kalawa a 16-kolum a grid. Daytat’ raman ti nalatak a 960 grid system, ngem awan ti kanayonan a margin/padding iti kannigid ken kannawan a sikigan.

Pagarigan ti grid markup

Kas naipakita ditoy, ti batayan a layout ket mabalin a maparsua babaen ti dua a "kolum," tunggal maysa ket mangsaklaw ti bilang dagiti 16 a pundasional nga adigi nga inkeddengmi a kas paset ti sistema ti gridmi. Kitaen dagiti pagarigan iti baba para kadagiti ad-adu pay a panagduduma.

<div klase = "hilera" > 
  < klase ti div = "span6" > 
    ...
  </div>
  < klase ti div = "span10" > 
    ...
  </div>
</div>

Dagiti adigi ti panagumok

I-nest ti linaonmo no masapul babaen ti panagpartuat ti maysa iti .rowuneg ti addan a kolum.

Pagarigan dagiti naisanglad a kolum

<div klase = "hilera" > 
  < klase ti div = "span12" > 
    Level 1 ti kolum
    <div klase = "hilera" > 
      < klase ti div = "span6" > 
        Lebel 2
      </div>
      < klase ti div = "span6" > 
        Lebel 2
      </div>
    </div>
  </div>
</div>

Ilukotmo ti bukodmo a grid

Naibangon iti Bootstrap ket sumagmamano a variable para iti panagpasayaat ti default a 940px a sistema ti grid. Babaen ti sangkabassit a panangpasayaat, mabalinmo a baliwan ti kadakkel dagiti adigi, dagiti kanalda, ken ti pagkargaan a pagnanaedanda.

Iti uneg ti grid

Dagiti variable a kasapulan a mangbalbaliw ti sistema ti grid nga agdama nga agtataeng amin iti variables.less.

Ita tapno ma-customize

Ti panangbalbaliw ti grid ket kayatna a sawen ti panagbalbaliw kadagiti tallo @grid-*a variable ken panagtipon manen kadagiti Less a papeles.

Ti bootstrap ket umay a naikkan iti alikamen a mangasikaso iti grid system nga addaan agingga iti 24 a kolum; ti default ket 16 laeng. Adtoy no kasano a dagiti grid variable-mo ket agparang koma a napasadaan iti 24-kolum a grid.

@gridDagiti Kolum : 24 ;       
@gridKalawa ti Kolum : 20px ;   
@gridKalawa ti Kanal : 20px ;   

Apaman a na-recompile, mai-set-ka!

Natakder ti layout

Ti default ken simple a 940px-a kalawa, naisentro a layout para iti dandani laeng ania man a website wenno panid nga inted babaen ti maymaysa <div.container>.

<bagi> nga
  <div klase = "laon" > 
    ...
  </div>
</bagi>

Layout ti pluido

Maysa nga alternatibo, nalaka a maibagay nga estruktura ti panid ti pluido nga addaan kadagiti min- ken max-a kalawa ken ti kannigid a sidebar. Nasayaat para kadagiti apps ken docs.

<bagi> nga
  <div klase = "paglaon-a-pluido" > 
    <div klase = "bara ti sikigan" > 
      ...
    </div>
    <div klase = "linaon" > 
      ...
    </div>
  </div>
</bagi>

Dagiti paulo & kopia

Ti maysa a pagalagadan a tipograpiko a hirarkia para iti panangistruktura kadagiti panidmo iti web.

Ti sibubukel a grid ti tipograpiko ket naibatay iti dua a Basbassit a variable iti variables.less file-tayo: @basefontken @baseline. Ti umuna ket ti base font-size a nausar iti intero ken ti maikadua ket ti base line-height.

Usarenmi dagita a variable, ken sumagmamano a matematika, tapno mangpartuat kadagiti margin, padding, ken line-heights ti amin a kitami ken dadduma pay.

h1. Paulo 1

h2. Paulo 2

h3. Paulo 3

h4. Paulo 4

h5. Paulo 5

h6. Paulo 6

Pagarigan ti parapo

Nullam quis risus eget urna mollis nga arkos nga vel eu leo. Cum sociis natoque penatibus ken magnis ti panagpasngay a montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies lugan ut id elit.

Pagarigan ti paulo Adda sub-paulo...

Misc. dagiti elemento

Panangusar iti panangipaganetget, adres, & abbreviation

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

Kaano nga usaren

Rumbeng a mausar dagiti emphasis tag ( <strong>ken <em>) a mangipakita iti kanayonan a kinapateg wenno panangipaganetget iti maysa a sao wenno ragup ti sasao no maidilig iti aglawlawna a kopia. Usaren <strong>para iti kinapateg ken <em>para iti panangipaganetget iti stress .

Ipaganetget iti maysa a parapo

Fusce dapibus , tellus ac cursus commodo , tortor mauris kondimento nibh , ut fermentum masa justo agtugaw amet risus. Maecenas nga faucibus nga mollis nga interdum. Nulla vitae elit libero, maysa a pharetra nga augue.

Pakaammo: Okey pay laeng ti agusar <b>ken <i>dagiti etiketa iti HTML5 ken saan a kasapulan nga estilo a bold ken italic, a nagsasaruno (nupay no adda ti ad-adu a semantiko nga elemento, usaren daytoy). <b>ket nairanta a mangitag-ay kadagiti balikas wenno ragup ti sasao a saan a mangipaay iti kanayonan a kinapateg, idinto <i>a kaaduanna ket para iti timek, teknikal a termino, kdpy.

Dagiti Adres

Ti <address>elemento ket naus-usar para iti impormasion ti pannakiuman para iti kaasitgan nga inapona, wenno ti sibubukel a bagi ti trabaho. Adtoy ti dua a pagarigan no kasano a mabalin a mausar dayta:

Pakaammo: Tunggal linia iti maysa <address>ket masapul nga agpatingga iti line-break ( <br />) wenno mabalkot iti maysa a block-level tag (kas pagarigan, <p>) tapno umno nga istruktura ti linaon.

Dagiti abbreviation

Para kadagiti abbreviation ken acronym, usaren ti <abbr>tag ( <acronym>ket saanen a maus-usar iti HTML5 ). Ikabil ti porma ti shorthand iti uneg ti tag ken mangikeddeng iti paulo para iti kompleto a nagan.

Dagiti sitas ti bloke

<blockquote> <p> <small>

Kasano ti ag-quote

Tapno mairaman ti blockquote, ibalkot <blockquote>ken <p>tag <small>. Usaren ti <small>elemento a mangidatag ti taudanmo ket makagun-odka iti em dash —sakbay daytoy.

Lorem ipsum dolor agtugaw amet, consectetur adipiscing elit. Integer a posuere erat maysa nga ante venenatis dapibus a posuere velit aliquet.

Ni Julius Hibbert ni Dr

<blockquote ti panag-block>
  <p> Lorem ipsum dolor agtugaw nga amet, consectetur adipiscing elit. Integer a posuere erat ti maysa nga ante venenatis dapibus a posuere velit aliquet. </p>
  <bassit> Ni Dr. Julius Hibbert </bassit>
</blockquote ti panagsurat>

Di naurnos<ul>

• Lorem ipsum dolor agtugaw amet
• Consectetur nga adipiscing nga elit
• Integer nga molestie lorem iti masa
• Facilisis iti pretium nisl nga aliquet
• Nulla volutpat nga aliquam nga velit
  • Phasellus nga iaculis nga neque
  • Purus dagiti sodales nga ultricies
  • Vestibulum nga laoreet nga porttitor sem
  • Ac tristique nga libero nga volutpat ni
• Faucibus porta nga lakos nga fringilla vel
• Aenean agtugaw amet erat nunc
• Eget nga porttitor nga lorem

Saan nga estilo<ul.unstyled>

• Lorem ipsum dolor agtugaw amet
• Consectetur nga adipiscing nga elit
• Integer nga molestie lorem iti masa
• Facilisis iti pretium nisl nga aliquet
• Nulla volutpat nga aliquam nga velit
  • Phasellus nga iaculis nga neque
  • Purus dagiti sodales nga ultricies
  • Vestibulum nga laoreet nga porttitor sem
  • Ac tristique nga libero nga volutpat ni
• Faucibus porta nga lakos nga fringilla vel
• Aenean agtugaw amet erat nunc
• Eget nga porttitor nga lorem

Nabilin<ol>

1. Lorem ipsum dolor agtugaw amet
2. Consectetur nga adipiscing nga elit
3. Integer nga molestie lorem iti masa
4. Facilisis iti pretium nisl nga aliquet
5. Nulla volutpat nga aliquam nga velit
6. Faucibus porta nga lakos nga fringilla vel
7. Aenean agtugaw amet erat nunc
8. Eget nga porttitor nga lorem

Panangiladawandl

Dagiti listaan ​​ti panangiladawan

Ti listaan ​​ti panangiladawan ket perpekto para iti panangdepinar kadagiti termino.

Euismod nga

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

Donec id elit nga saan nga mi porta gravida iti eget metus.

Malesuada nga porta

Etiam porta sem malesuada nga agtagibalay nga euismod.

Kodigo nga

<code> <pre>

Pimp ti code mo iti estilo babaen ti dua a simple nga tag. Para iti ad-adu pay a nakaam-amak babaen ti javascript, i-drop-mo ti code prettify library ti Google ket naka-set-ka.

Panangidatag ti kodigo

Ti kodigo, dagiti bloke ti wenno dagiti laeng snippet iti inline, ket mabalin a maiparang nga addaan iti estilo babaen laeng ti panangbalkot iti umno nga etiketa. Para kadagiti bloke ti kodigo a mangsaklaw kadagiti adu a linia, usaren ti <pre>elemento. Para iti inline code, usaren ti <code>elemento.

<div> nga
  <h1>Paulo</h1>
  <p>Adda ditoy mismo...</p>
</div>

<div> <h1> Paulo </h1> <p> Maysa a banag ditoy mismo... </p> </div>
  
  

Inline nga etiketa

<span class="label">

Awagan ti atension wenno i-flag ti aniaman a ragup ti sasao iti teksto ti bagim.

Imarkam ti aniaman

Ever needed maysa kadagita a magarbo a Baro! wenno Napateg a bandera no agsurat iti kodigo? Bueno, ita addan kenka dagitoy. Ania ti nairaman babaen ti default:

Grid ti media

Ipakita dagiti thumbnail ti nadumaduma a kadakkel kadagiti panid nga addaan iti nababa a HTML footprint ken bassit nga estilo.

Pagarigan dagiti thumbnail

Dagiti thumbnail iti .media-gridmabalin nga ania man a kadakkel, ngem dagitoy ket kasayaatan nga agtrabaho no direkta a maimapa iti naibangon a sistema ti grid ti Bootstrap. Dagiti kalawa ti ladawan a kas ti 90, 210, ken 330 ket agtipon kadagiti sumagmamano a pixel ti padding tapno agpapada dagiti kadakkel ti .span2, .span4, ken .span6adigi.

Dakkel

Medio

Bassit

Panangkodigo kadakuada

Nalaka nga usaren dagiti media grid ken imbes ketdi simple iti markup side. Dagiti rukodda ket puro a naibatay iti kadakkel dagiti ladawan a nairaman.

<ul klase = "midia-grid" > 
  <li> nga
    <a href = "#" > 
      <img class = "pabassit a ladawan" src = "https://lugar.it/330x230" alt = "" >   
    </a>
  </li>
  <li> nga
    <a href = "#" > 
      <img class = "pabassit a ladawan" src = "https://lugar.it/330x230" alt = "" >   
    </a>
  </li>
</ul>

Panagaramid kadagiti lamisaan

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

Nasayaat dagiti lamisaan—para iti adu a banag. Dagiti naindaklan a lamisaan, nupay kasta, kasapulanda ti sangkabassit a panagayat ti panagmarka tapno makatulong, maipadakkel, ken mabasa (iti lebel ti kodigo). Adtoy ti sumagmamano a tips a makatulong.

Kanayon a baluten dagiti ulo ti kolummo iti <thead>kastoy a ti hirarkia ket <thead>> <tr>> <th>.

Kasla dagiti ulo ti kolum, amin a linaon ti bagi ti lamisaanmo ket rumbeng a nabalkot iti maysa <tbody>isu a ti hirarkiam ket <tbody>> <tr>> <td>.

Pagarigan: Dagiti default nga estilo ti lamisaan

Amin a lamisaan ket automatiko nga estilo nga addaan laeng kadagiti nasken a beddeng tapno masigurado ti pannakabasa ken mataginayon ti estruktura. Saan a kasapulan ti mangnayon kadagiti ekstra a klase wenno attribute.

<lamisaan>
  ...
</table>

Kas pagarigan: Napaababa a lamisaan

Para kadagiti lamisaan a kasapulan ti ad-adu a datos kadagiti naing-ingpis nga espasio, usaren ti condensed flavor a mangputed iti padding iti kagudua. Daytoy ket mabalin pay nga usaren a maikuyog kadagiti beddeng ken dagiti zebra-stripe, a kas met laeng dagiti default nga estilo ti lamisaan.

Kas pagarigan: Nabeddengan a lamisaan

Pagbalinem dagiti lamisaanmo a kasla bassit laeng a nalamuyot babaen ti panangtimbukel kadagiti sulida ken pananginayon kadagiti beddeng iti amin a sikigan.

< klase ti lamisaan = "nabeddengan-a-lamisaan" > 
  ...
</table>

Kas pagarigan: Zebra-striped

Agbalinka a magarbo bassit kadagiti lamisaanmo babaen ti pananginayon iti zebra-striping—inayonmo laeng ti .zebra-stripedklase.

Pakaammo: Ti Zebra-striping ket maysa a progresibo a panagpasayaat a saan a magun-od para kadagiti daan a browser a kas ti IE8 ken iti baba.

< klase ti lamisaan = "zebra-striped" > 
  ...
</table>

Pagarigan: Zebra-a-garis w / TableSorter.js

Iti panangala ti napalabas a pagarigan, pasayaatenmi ti pakausaran dagiti lamisaanmi babaen ti panangipaay ti panagusar ti panagurnos babaen ti jQuery ken ti plugin ti Tablesorter . I-click ti header ti ania man a kolum tapno baliwan ti panagurnos.

<script src = "js/jsaludsod/jsaludsod.tablesorter.min.js" ></script> 
<iskrip > 
  $ ( trabaho () { . 
    $ ( "table#sortPagarigan ti Lamisaan" ). tablesorter ({ Listaan ​​ti panagurnos : [[ 1 , 0 ]] });  
  });
</script>
< klase ti lamisaan = "zebra-striped" > 
  ...
</table>

Dagiti default nga estilo

Amin a porma ket naikkan kadagiti default nga estilo tapno maipresenta dagitoy iti mabasa ken maipadakkel a wagas. Dagiti estilo ket naited para kadagiti panagserrek ti teksto, dagiti listaan ​​ti panagpili, dagiti lugar ti teksto, dagiti buton ti radio ken dagiti kahon ti tsek, ken dagiti buton.

Naurnong dagiti porma

Inayonmo .form-stackediti HTML ti pormam ket maaddaanka kadagiti etiketa iti rabaw dagiti tay-akda imbes nga iti kannigidda. Daytoy ket agtrabaho a nasayaat no dagiti pormam ket ababa wenno addaanka iti dua a kolum dagiti input para kadagiti nadagdagsen a porma.

Pormaen dagiti kadakkel ti tay-ak

Ipasayaat ti ania man a porma input, select, wenno textareakalawa babaen ti pananginayon laeng iti sumagmamano a klase iti markup-mo.

Manipud iti v1.3.0, innayonmi dagiti grid-based a klase ti panagdakkel para kadagiti elemento ti porma. Pangngaasi nga usaren dagiti dagitoy iti rabaw dagiti addan a .mini, .small, etc a klase.

Dagiti Buton

Kas maysa a konbension, dagiti buton ket maus-usar para kadagiti tignay bayat a dagiti silpo ket maus-usar para kadagiti banag. Kas pagarigan, ti "I-download" ket mabalin a maysa a buton ken ti "nabiit pay nga aktibidad" ket mabalin a maysa a silpo.

Amin a buton ket agdefault iti nalawag nga abuabu nga estilo, ngem ti bilang dagiti klase ti panagandar ket mabalin a mayaplikar para kadagiti nadumaduma nga estilo ti kolor. Dagitoy a klase iramanna ti maysa nga asul a .primaryklase, maysa a nalawag-asul a .infoklase, maysa a berde a .successklase, ken maysa a nalabaga a .dangerklase.

Pagarigan dagiti buton

Mabalin nga iyaplikar dagiti estilo ti buton iti aniaman nga addaan iti .btnnaipakat. Gagangay a kayatmo nga iyaplikar dagitoy kadagiti laeng <a>, , ken dagiti elemento a <button>mangpili . <input>Kastoy ti langana:

Agsisinnublat dagiti kadakkel

Magarbo a dakdakkel wenno babbabassit a butones? Adda koma iti dayta!

Kasasaad ti baldado

Para kadagiti buton a saan nga aktibo wenno baldado ti app gapu iti maysa wenno sabali a rason, usarem ti disabled state. Dayta ket .disabledpara kadagiti silpo ken :disabledpara kadagiti <button>elemento.

Dagiti silpo

Dagiti Buton

Ania dayta

Ti topbar-mi ket maysa a fixed bar a nakaikabilan ti logo wenno nagan ti website, kangrunaan a nabigasion, ken porma ti panagbirok.

Mabalin nga i-customize

Amin nga elemento iti uneg, ken ti sibubukel a topbar pay, ket opsional. Mabalinmo a pilien nga iraman ti logo/nagan, nav, panagbirok, ken segundario a nav—wenno aniaman a kombinasion dayta.

Nairaman dagiti dropdown

Kas paset ti kangrunaan a nabigasion, inramanmi ti abilidad para kenka a mangnayon kadagiti dropdown iti nav-mo. Kitaen ti secondary nav iti ngato (right aligned) tapno makita no kasano ti pannakaaramidna. Dagiti etiketa ti dropdown liket mangsuporta pay .activepara iti panangiparang ti agdama a panagpili ti panid.

Tabs ken pildoras

Mangpartuat ti simple a sekondario a panaglayag babaen ti <ul>. Agsinnukat iti nagbaetan dagiti tab wenno pildoras babaen ti pananginayon iti maitutop a klase.

Nasayaat para kadagiti sub-seksion ti linaon a kas dagiti panid ti panagitunos ti kuentami ken dagiti linia ti oras ti agar-aramat para iti panagbalbaliw iti nagbaetan dagiti panid ti kas iti linaon. Magun-odan iti tabbed wenno estilo ti pildoras.

Dagiti kangrunaan a tabs a pagarigan

Dagiti tab ket mabalin a mausar a kas ti regular a panaglayag (panagkarga kadagiti akinruar a panid iti isu met laeng a tab) wenno kas dagiti tabbable a lugar ti linaon para iti panagsinnukat kadagiti panid ti linaon. Adda tabs plugin tayo a mabalin nga usaren a mangitipon ti naud-udi.

• Balay
• Profile
• Dagiti Mensahe
• Dagiti Pagsaad
• Kontaken
• Dropdown nga
  • Segundario a silpo
  • Sabali pay ditoy
  • Sabali pay a silpo

<ul klase = "dagiti tab" > 
  <li klase = "aktibo" ><a href = "#" > Pagtaengan </a></li>  
  <li><a href = "#" > Pakasaritaan </a></li> 
  <li><a href = "#" > Dagiti Mensahe </a></li> 
  <li><a href = "#" > Dagiti Pagsaad </a></li> 
  <li><a href = "#" > Kontak </a></li> 
</ul>

Dagiti kangrunaan a pildoras a pagarigan

• Balay
• Profile
• Dagiti Mensahe
• Dagiti Pagsaad
• Kontaken

<ul klase = "pildoras" > 
  <li klase = "aktibo" ><a href = "#" > Pagtaengan </a></li>  
  <li><a href = "#" > Pakasaritaan </a></li> 
  <li><a href = "#" > Dagiti Mensahe </a></li> 
  <li><a href = "#" > Dagiti Pagsaad </a></li> 
  <li><a href = "#" > Kontak </a></li> 
</ul>

Dagiti tinapay

Ti breadcrumb navigation ket maus-usar a kas wagas a mangipakita kadagiti agar-aramat no sadino ti ayanda iti uneg ti maysa nga app wenno maysa a site, ngem saan a para iti kangrunaan a nabigasion.

• Balay

• Tahanan / .
• Tengnga a panid

• Tahanan / .
• Tengnga a panid / .
• Sabali pay

• Tahanan / .
• Tengnga a panid / .
• Sabali pay a maysa / .
• Addaka ditoy

<ul klase = "pigket ti tinapay" > 
  <li><a href = "#" > Pagtaengan </a> < klase ti span = "mangbingbingay" > / </span></li>   
  <li><a href = "#" > Tengnga a panid </a> < klase ti span = "mangbingbingay" > / </span></li>   
  <li><a href = "#" > Sabali pay a maysa </a> <span class = "dibingbingay" > / </span></li>   
  <li class = "aktibo" > Addaka ditoy </li> 
</ul>

Panagpagina

Ultra simplistiko ken minimal nga estilo a pagination nga inspired ti Rdio. Ti dakkel a bloke ket narigat a malipatan, nalaka a maipadakkel, ken mangipaay kadagiti dadakkel a lugar ti panag-click.

<div klase = "paginasyon" > 
  <ul> nga
    <li klase = "nabayagen a nabaldado" ><a href = "#" > ← Naudi nga </a></li>  
    <li klase = "aktibo" ><a href = "#" > 1 </a></li>  
    <li><a href = "#" > 2 nga </a></li> 
    <li><a href = "#" > 3 nga </a></li> 
    <li><a href = "#" > 4 ​​nga </a></li> 
    <li><a href = "#" > 5 nga </a></li> 
    <li klase = "sumaruno" ><a href = "#" > Sumaruno → </a></li> nga adda  
  </ul>
</div>

Dagiti kangrunaan nga alerto

.alert-message

Dagiti maysa a linia a mensahe para iti panangitampok iti pannakapaay, posible a pannakapaay, wenno balligi ti maysa nga aramid. Nangnangruna a makatulong kadagiti porma.

Alaen ti javascript »

Pagarigan ti kodigo

<div class = "pakdaar ti mensahe-alerto" > 
  <a klase = "serraan" href = "#" > × </a>  
  <p><strong> Nasantuan a guacamole! </strong> Best check yo self, saan ka nga nasayaat unay ti langam. </p>
</div>

I-block dagiti mensahe

.alert-message.block-message

Para kadagiti mensahe a kasapulan ti sangkabassit a panangilawlawag, addaantayo kadagiti alerto ti estilo ti parapo. Dagitoy ket perpekto para iti panagbubbling kadagiti at-atiddog ​​a mensahe ti biddut, mangpakdaar iti maysa nga agar-aramat iti maysa a nakasagana nga aramid, wenno basta panangidatag ti impormasion para iti ad-adu a panangipaganetget iti panid.

Alaen ti javascript »

Pagarigan ti kodigo

<div class = "pakdaar ti bloke-mensahe ti alerto-mensahe" > 
  <a klase = "serraan" href = "#" > × </a>  
  <p><strong> Nasantuan a guacamole! Pakdaar daytoy! </strong> Best check yo self, saan ka nga nasayaat unay ti langam. Nulla vitae elit libero, maysa a pharetra nga augue. Praesent a komodo a kursus magna, vel scelerisko a nisl a consectetur ken. </p>
  <div class = "dagiti-aramid-alerto" > 
    <a class = "btn bassit" href = "#" > Alaen daytoy nga aramid </a> <a class = "btn bassit" href = "#" > Wenno aramiden daytoy </a>     
  </div>
</div>

Dagiti Modal

Dagiti modal—dagiti dialogo wenno dagiti lightbox—ket nasayaat para kadagiti konteksto a panagtignay kadagiti kasasaad a napateg a mataginayon ti konteksto ti likudan.

Alaen ti javascript »

Dagiti tip ti remienta

Dagiti Twipsies ket super makatulong para iti panangtulong iti maysa a nariribuk nga agus-usar ken panangiturong kadakuada iti umno a direksion.

Alaen ti javascript »

Dagiti Popovers

Usaren dagiti popovers tapno mangipaay ti subtekstual nga impormasion iti maysa a panid a saan a mangapektar iti layout.

Alaen ti javascript »

Panangrugi

Ti panangikapet ti javascript iti Bootstrap library ket super nalaka. Iti baba ket mapankami kadagiti kangrunaan ken mangipaay kenka iti sumagmamano a nakaam-amak a plugin tapno mangrugika!

Kitaen dagiti dokumento ti javascript »

Ania ti nairaman

Iyeg ti sumagmamano kadagiti kangrunaan a paset ti Bootstrap iti biag babaen dagiti baro a kostumbre a plugin nga agtrabaho iti jQuery ken Ender . Paregtaenmikayo a mangpalawa ken mangbalbaliw kadagitoy tapno maibagay kadagiti espesipiko a kasapulanyo iti panagdur-as.

Kasapulan kadi ti javascript?

Saan! Ti Bootstrap ket nadisenio nga umuna ken kangrunaan nga agbalin a maysa a biblioteka ti CSS. Daytoy a javascript ket mangipaay ti batayan nga interaktibo a suson iti rabaw dagiti nairaman nga estilo.

Nupay kasta, para kadagidiay agkasapulan iti javascript, intedmi dagiti plugin iti ngato tapno matulongannaka a makaawat no kasano nga isilpo ti Bootstrap iti javascript ken tapno maited kenka ti napardas, nalag-an a pagpilian para iti kangrunaan a panagandar a dagus.

Para iti ad-adu pay nga impormasion ken tapno makita ti sumagmamano a sibibiag a demo, pangngaasi a kitaen ti panid ti dokumentasion ti pluginmi .