Segítség:

MDB(ajánlott)
W3School

Dividers - Vertical line

Text

Text

Blurry horizontal

Dividers

Animations

Animációk

Background images

BG képek

Képkezelés

Reszponzív kép

Responsive images : .img-fluid Images in MDB are made responsive with .img-fluid. This applies max-width: 100%; and height: auto; to the image so that it scales with the parent width.

dog

Thumbnails:

.img-thumbnail

Hollywood Sign on The Hill

Hover shadow on pic

class= "hover-shadow"

Los Angeles Skyscrapers

Shapes

.rounded

Townhouses and Skyscrapers

.rounded-circle

Townhouses and Skyscrapers

.rounded-pill

Townhouses and Skyscrapers

Menükészítés

Navbar
Navbar kódok



Footer
Footerek



Header

Learn Bootstrap 5 with MDB

Best & free guide of responsive web design
Start tutorial Download MDB UI KIT
Header-ek



Oldalszámozás(pagination)
Oldalszámozás kódok



Pills - menü féle
Home Profile Messages
Home content
Profile content
Messages content






Sidenav




Tabs
Tab 1 content
Tab 2 content
Tab 3 content
Összes lehetőség



Táblázatkezelés





Checkbox





Datepicker

fizetős





File upload





Input fields

Összes lehetőség

Select

fizetős





Switch





Radio





Range





Timepicker

Fizetős ( óra,perc kiválasztás , tól,ig idő)





Validation

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid zip.
You must agree before submitting.

JS

// Initialization for ES Users // import { Input, Ripple, initMDB } from "mdb-ui-kit"; initMDB({ Input, Ripple });





Validation 2

Please enter a message in the textarea.
Example invalid feedback text
More example invalid feedback text
Example invalid form file feedback

JS

// Initialization for ES Users import { Input, Ripple, initMDB } from "mdb-ui-kit"; initMDB({ Input, Ripple });
Valicádió

Űrlapok

Kapcsolatfelvétel






Listák, hivatkozások

Ordered List

  1. Item 1
  2. Item 2
  3. Item 3
  1. Coffee
  2. Tea
  3. Milk

Unordered List

Zászlók