Yuav ua li cas kuv tawg bootstrap?
Yuav ua li cas kuv tawg bootstrap?

Video: Yuav ua li cas kuv tawg bootstrap?

Video: Yuav ua li cas kuv tawg bootstrap?
Video: Google Colab - Exporting to a HTML Format! 2024, Kaum ib hlis
Anonim

Tsuas yog ntxiv cov ntaub ntawv-toggle = " vaum " thiab cov ntaub ntawv-lub hom phiaj rau lub caij kom tau txais kev tswj hwm ntawm ib lossis ntau lub ntsiab lus sib dhos. vaum rau. Nco ntsoov ntxiv cov chav kawm vaum mus rau lub caij collapsible.

Tsuas yog li ntawd, Bootstrap puas ua haujlwm li cas?

Bootstrap Collapse attributes Tsuas yog ntxiv data-toggle = " vaum " thiab cov ntaub ntawv-lub hom phiaj rau qhov tshwj xeeb kom ceev ceev tswj lub caij sib tsoo. Cov ntaub ntawv-lub hom phiaj tau txais CSS xaiv los ntxiv cov vaum rau. Xyuas kom coj mus rau hauv chav kawm vaum mus rau lub collapsible feature.

Tsis tas li ntawd, koj yuav ua li cas kom tawg? Kaw lossis nthuav qhov chaw ntawm daim ntawv

  1. Muab koj tus cursor tso rau hauv nqe lus.
  2. Ntawm lub Tsev tab, nyem qhov xub hauv pawg pawg lus.
  3. Nyob rau hauv kab lus dialog box, nyem lub checkbox tom ntej no rau Collapsed los ntawm lub neej ntawd.
  4. Nyem OK.

Ntawm no, Bootstrap collapse class yog dab tsi?

tawg chav kawm qhia tau hais tias lub caij collapsible (a < div > hauv peb qhov piv txwv); qhov no yog cov ntsiab lus uas yuav qhia lossis zais nrog nias ntawm lub pob. Txhawm rau tswj (qhia / zais) cov ntsiab lus collapsible, ntxiv cov ntaub ntawv-toggle = " vaum "tus cwj pwm rau ib qho lossis ib lub ntsiab lus.

Ua li cas koj vau hauv CSS?

  1. Teem tus qauv ciam teb sib tsoo rau ob lub rooj: #table1 { ciam teb-collapse: cais;
  2. Thaum siv "border-collapse: cais", cov cuab yeej ciam teb tuaj yeem siv los teeb tsa qhov chaw nruab nrab ntawm cov hlwb: #table1 {
  3. Thaum siv "border-collapse: collapse", lub cell uas tshwm thawj zaug nyob rau hauv lub code yuav "yeej": rooj, td, th {

Pom zoo: