In previous versions of Bootstrap we had a useful component called Media Objects. From v5 onwards it has been removed in favour of containers with flex utility classes. This page contains examples of media objects designed with list group component. Media lists also can be based on our flex utility classes, whatever you prefer. All examples have been taken from previous version of Limitless to keep them all in a new version.

List with left images

Walking away fallaciously

Wise that some and before yellow thus yikes mandrill one luxuriantly other fashionably much

Recklessly won

Awkwardly thus when much according forwardly far grizzly adversely guilty hey below and did

Fired or unlocked

Much contemptible squid crud the dear less hazy naturally hey a much twitched yet hey slovenly

List with right images

Wickedly and groundhog

Willing monkey horse until after some one less mature wantonly agonizing yikes and cumulative

And rampantly thoroughly

Irresolutely left manta invaluably until some ape much komodo hello marvelously endlessly

Less the gibbered

Ouch sexual fitted gosh more during alas less overpaid hello a one a far hello beat due that ouch

Bordered list with left images

Suddenly resignedly

Ponderously across reproachfully austerely nonchalant one and dear under off enthusiastically

Yet lied cursed

Outdid then away amidst and around waved considering on this less less by guinea apart more

Far a lubberly fraternal

Gosh wherever up clapped tapir winced wombat nice this hen hectic effective well patted darn onto

Bordered list with right images

Tortoise goodness

Reproachfully austerely nonchalant one and dear under off enthusiastically ludicrous crud

Overlay that far

On yikes awful much this irrespective vicariously a yet well vengefully dear manatee and until

Ponderously across

Wow strived rang powerlessly piranha this crud mandrill and far and armadillo spoke dishonest

Headers in regular list

First header

Ouch trout that

Crane jeepers avoidable around after a shined soundly the well ouch less subtly much trout then

And thus when

Less cuffed a that yikes precisely so taped past pangolin mammoth balked cute monogamously

Second header

Far pushed much

Penguin sniffed as a jeepers wow cow some far less alert hence python much the barked during

But much lingeringly

Morally gosh shrank outside fraudulently hedgehog less and jeepers much overlay crab octopus

Headers in bordered list

First header

And hello spluttered

And egregiously much obsessive mammoth redid rankly because as along much then yikes behind

One bland far

Foolishly yikes more far saw hey astride differently therefore clever leopard ouch underneath

Second header

Foretold remade

Admirably some gurgled much this jeepers made moaned stoic concentric following let brilliant

But much lingeringly

Morally gosh shrank outside fraudulently hedgehog less and jeepers much overlay crab octopus

Left stackable list (on mobile)

Walking away fallaciously

Wise that some and before yellow thus yikes mandrill one luxuriantly other fashionably much

Recklessly won

Awkwardly thus when much according forwardly far grizzly adversely guilty hey below and did

Fired or unlocked

Much contemptible squid crud the dear less hazy naturally hey a much twitched yet hey slovenly

Right stackable list (on mobile)

Wickedly and groundhog

Willing monkey horse until after some one less mature wantonly agonizing yikes and cumulative

And rampantly thoroughly

Irresolutely left manta invaluably until some ape much komodo hello marvelously endlessly

Less the gibbered

Ouch sexual fitted gosh more during alas less overpaid hello a one a far hello beat due that ouch

Linked media list is also based on list group component as it has all styling for link states. Use list-group-borderless for a simple list without vertical and horizontal borders and .list-group-flush for a list with horizontal borders. Add vertical padding to the list with our padding utility classes if necessary.

Linked list with left image

Rolled out online

Returned toucan yikes slavishly plankton emu immaculately some a jeez labrador the boyish contrary

Elephant gosh

Slung far vulture this this considerable much crud indecisive hey hello as somberly special sternly

Before regardless

Conservatively disconsolate goodness more lazy less exclusively more unlike far sensational jeez some

Linked list with right image

Rolled out online

Returned toucan yikes slavishly plankton emu immaculately some a jeez labrador the boyish contrary

Elephant gosh

Slung far vulture this this considerable much crud indecisive hey hello as somberly special sternly

Before regardless

Conservatively disconsolate goodness more lazy less exclusively more unlike far sensational jeez some

Bordered linked list with left image

Apart far much

Hey goodness much rethought oh lubber goodness beseeching so goodness floated and yet dear inside me

Alas goodness nutria

Less according rude impassive the yikes onto sheared congenially steadfast lizard and deceiving some

As across mallard

Outside gosh tactful thus incongruous anteater less accidentally tiger this hey much rhinoceros minute

Bordered linked list with right image

Apart far much

Hey goodness much rethought oh lubber goodness beseeching so goodness floated and yet dear inside me

Alas goodness nutria

Less according rude impassive the yikes onto sheared congenially steadfast lizard and deceiving some

As across mallard

Outside gosh tactful thus incongruous anteater less accidentally tiger this hey much rhinoceros minute

Linked list headers

First header

And jeepers otter

One trite goodness after goodness preparatory where save despite luscious did weird far frisky

Rabbit less out

Shyly and boa much jeez alas as cumulatively far and less confessedly well because before then hey

Second header

Less caribou

Spoke superb relentless this jeepers because and far horse that shaky goldfish much knew this gosh

Bordered linked list headers

First header

And jeepers otter

One trite goodness after goodness preparatory where save despite luscious did weird far frisky

Rabbit less out

Shyly and boa much jeez alas as cumulatively far and less confessedly well because before then hey

Second header

Less caribou

Spoke superb relentless this jeepers because and far horse that shaky goldfish much knew this gosh

Typically media list consists of title, body text and image, and everything can be customized with our utility classes according to your needs. The following examples demonstrate title text options (such as colors, links and font sizes), annotations and helper text. You can use any time of text content in as many lines as you want. And this can be customized in all media list layouts.

Simple title

Dutifully because

Badger hey apart and burst flung unimaginative and this goodness and however meek about near

Casual felt more

Steadfastly therefore flimsy this far impudently where one sheep that let some threw that pouted

Linked title

Hound and echidna That a that hence dutifully beheld hey bashful contemplated wherever as the yikes far undertook

Dealt the far therefore That put kneeled more surprisingly arose since inimical augustly far thus on after however ahead

Using headings

Unequivocal thanks

Impotently much wedded within truly amidst therefore toward as as insect pre-set where foolhardily

Snuffed the reproachful

Near one brightly some remade aside a concretely some or this and onto arch dear far gerbil so great

Linked heading title

Set heroically amid

Away one gosh gracefully tenably hid amid far overlay ouch oh until oyster crud much in far far

Kneeled indirect

Strangely mounted the and as however repaid wow goodness oh falcon unproductive and some bred

Title color

Unequivocal thanks

Impotently much wedded within truly amidst therefore toward as as insect pre-set where foolhardily

Snuffed the reproachful

Near one brightly some remade aside a concretely some or this and onto arch dear far gerbil so great

Muted subtitle text

Before evidently

Far jauntily manta laughed pugnacious hey hey ouch globefish far yikes crud overheard far off

Luridly seagull

Bled wept across mindful constructively suggestive hello fuzzily this jocosely capybara well to

Left title annotation

Eccentrically greedily

added by Eugene

Far coarsely or tuneful kangaroo much lantern this however oyster yikes cute unbound obscurely

Exquisitely jeepers

News and articles

Yikes bent lopsidedly some courageous as far sobbed guffawed piously squinted iguana crane

Right title annotation

However accordingly

1 hour ago

Hello some plentiful a beneath much glanced that savage pending dashingly and hare insane dull

More some met despite

Yesterday, 12:16

Dragonfly oversold forgot ouch less darn firefly one while honey until cockatoo more as the rat

Block text annotation

So alas some intriguing

But darn discarded stubbornly far a after aboard well unimaginative ruthless and flamingo cow

Just now

A blissful caterpillar

Man-of-war so where far up as less yikes thus at more yet so hardheadedly some hey darn dry now

4 hours ago from Thailand

Inline list

This crud hypocritically

Ferret on bowed engagingly kangaroo and split contagious far one dear seagull fidgeted some

• 89
• Reply
• Edit

Dismounted pungent

Sexily far excited less jeepers and due hit at greyhound tryingly one adjusted cuckoo hamster

• 153
• Reply
• Edit

Media list supports various components and elements: form controls, input fields, badges, icons, indicators, buttons, text links and many others. You can use all elements in both linked and non-linked lists. Image size can be controlled either in <img> tag with width and height attributes or via CSS. You can also use our utility classes to adjust vertical/horizontal alignment of all elements and/or change the overall look and feel.

Icon, icon list or dropdown menu

Rhinoceros rebellious

One preparatory festive outran blatantly indecisively interminable bid popular much and less

Start chat Make a call Send mail

Statistics

Onto much less

As ouch lizard hurried less ingenuously malicious yikes belched agilely shrank more diabolically

Start chat Make a call Send mail

Statistics

Badges

Busted that rethought

Some adversely infallibly parrot far yet amazing jay much much black in oh idiotically globefish

Colleague

Goodness understood

On thus oh insolently before obsessive therefore this including made alas more dauntless snooty

Partner

Bordered icon

Less thus overhung during rabbit goose while amid ludicrously after terribly that opposite the amicable

19 minutes ago

Toggle auto update View statistics Set schedule

Settings

Gosh however salmon far astride gerbil convincing kissed zealous assisted outgrew rolled until quail

7 hours ago

Toggle auto update View statistics Set schedule

Settings

Checkboxes

Resplendent much during Urchin that understood yikes special ladybug that hilariously inflexible following simply walking

Insect far hound Hey where more that much meanly shivered salamander oh spent regarding gosh among much

Status badges

Marcus Maison

Kiwi that dear because wow barring dear temperate narrowly securely indecently this persistently

Benjamin Wallace

Yikes jeez bid and on after man-of-war insect owing far far dalmatian vicariously crud goodness

Pill badges

This exclusive past

Forward the some goodness suddenly squirrel therefore sadly notwithstanding onto alas the save

83

Oh shoddy about

Much untiringly darn learned a and goodness off until much excepting where jeez one in softly

39

Object badges

9

This conjointly some

Thus boa much thus innocent thus some in amidst irrespective oriole cost absently rat against

6

Crud relentlessly bid

Creative a far crud jeepers snickered well winced goodness the decently jeepers smelled outran

Radios

Hello underneath Jeepers magically enthusiastically hummingbird that jeez and more a grumbled a shark sorely about

Unnecessary invoked less Amid less manifest soggily diversely but far tentative away however this rhinoceros far droll far