Kaip pašalinti latako erdvę konkrečiam div „Bootstrap“.

Šiame įraše bus aptarta, kas yra latakų erdvės ir kaip jas galima pašalinti konkrečiam „Bootstrap“ skyriui.

Kas yra „Gutter Space“ „Bootstrap“?

Latakai yra tarpai arba tarpai tarp kolonų, sudaryti iš horizontalaus kamšalo. Jie naudojami palaikyti reaguojantį turinio derinimą ir tarpus Bootstrap tinklelio sistemoje.

Žemiau pateiktame paveikslėlyje parodyta eilutė su raudonu rėmeliu aplink ją. Eilėje yra trys vienodo dydžio „div“ elementai iš vienodų tinklelio stulpelių. Nors stulpeliai yra vienodi, tarp jų vis tiek yra latako tarpų:

Kaip pašalinti latako erdvę konkrečiam div „Bootstrap“?

„Bootstrap“ klasėje be latakų “ yra naudojamas pašalinti bet kokio div.

Šiam tikslui:

• Pridėti '
  'žyma kartu su klase' pagrindinis-div “.
• Tada pakoreguokite eilutės sekciją pridėdami kitą
  'elementas su klase' eilė “. Kadangi turime pašalinti tarpus iš eilutės, nurodykite klasę ' be latakų “ joje.
• Norėdami padalinti tinklelio eilutę į tris vienodus stulpelius, naudokite klasę ' stulpelis-4 “.
• Kiekvieno stulpelio „
  “ konteineryje koreguokite „

  “ elementus su klasėmis „ stulpelis-1 “, „ stulpelis-2 “ ir „ stulpelis-3 “, atitinkamai:

CSS

CSS skiltyje HTML puslapyje minimos klasės turi keletą stiliaus savybių.

Stilius „main-div“ klasė

„ .main-div “ yra minimas norint pasiekti div elementą, turintį klasę “ pagrindinis-div “. Šiai klasei taikomos šios savybės:

• “ plotis “ apibrėžia elemento plotį.
• “ marža “ nustato atstumą aplink elementą.

Stiliaus „eilutės“ klasė

„Bootstrap“ eilė “ klasė pridedama su „ siena ' nuosavybė. Tai apvynios tinklelio eilutę į nurodytą plotį, stilių ir spalvą.

Trys klasės“ stulpelis-1 “, „ stulpelis-2 “ ir „ stulpelis-3 “ yra priskirti CSS “ fono spalva “ ir „ aukščio “ savybes, kad jos būtų žinomos.

Stiliaus 'stulpelis-1' klasė

Stiliaus 'stulpelis-2' klasė

Stilius „stulpelis-3“ klasė

Galima pastebėti, kad „