, da mobilt udstyr er mindre skærmstørrelse, kort, er en af de bedste elementer til visning af oplysninger, der vil være brugervenlig.i vores sidste lektion vi viste dig indpresningsdybde lister.kort er meget similiar til indpresningsdybde lister, men de giver nogle yderligere skygger, som kan påvirke udførelsen af større lister.,, at kort, automatisk kort kan skabes ved at tilføje, kort, klasse til din del.kortene er normalt dannes som lister med post, klasse.klasse er nyttig, punkt tekst omslag.det vil hjælpe dig, hvis du har for meget tekst, så du vil pakke det ind i dit kort.første kort i eksempel arbejde har ikke, punkt tekst pakke, klasse, der er tildelt, og den anden er at bruge det, < div klasse = "kort" > < div klasse = "post" > det er en ion - kort uden punkt tekst pakke klasse.< /div > < div klasse = "punkt punkt tekst pakke" > det er en ion - kort med punkt tekst pakke klasse.< /div > < /div >, frem for kode vil producere efter skærm:,,, kort overskrift og fod, har vi allerede viste dig, hvordan du kan bruge på armlænet, klasse for gruppering af lister.denne klasse kan være meget nyttig, når man arbejder med kort at skabe kort rør.den samme klasse kan anvendes til footers som følger:,, < div klasse = "kort liste" > < div klasse = "punkt punkt prøvedeler" > kort header < /div > < div klasse = "punkt punkt tekst pakke" > og kort...< /div > < div klasse = "punkt punkt prøvedeler" > kort fod < /div > < /div >, frem for kode vil producere efter skærm:,,, fuldstændig kort, kan du tilføje et element på toppen af dit kort.i følgende eksempel, vi vil vise dig, hvordan man bruger, fulde billede, klasse sammen med punkt organ, for at komme godt ud windowed image i dit kort.,, < div klasse = "kort" > < div klasse = "punkt punkt avatar" > < img src = "mit billede. men heller ikke dér er menneskene sikre" > < h2 > kort navn < /h2 > < /div > < div klasse = "punkt punkt organ" > < img klasse = "fulde billede" src = "mit image. men heller ikke dér er menneskene sikre" > lorem ipsum dolor sidde amet, consectetur adipiscing elit.pellentesque eget pharetra tortor.proin quis eros imperdiet, facilisis nisi i, tincidunt orci.nam tristique elit massa, quis faucibus augue finibus ac < /div >, frem for kode vil producere efter skærm:,,,