<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1,shrink-to-fit=no"
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin
=
"anonymous"
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz"
crossorigin
=
"anonymous"
>
<
title
>
Place two bootstrap cards
next to each other
</
title
>
</
head
>
<
body
>
<
div
class
=
"card-deck"
>
<
div
class
=
"card"
>
<
img
class
=
"card-img-top"
src
=
""
alt
=
"Card image cap"
>
<
div
class
=
"card-block"
>
<
h4
class
=
"card-title"
>Card title</
h4
>
<
p
class
=
"card-text"
>
This is a longer card with supporting
text below as a natural lead-in to
additional content. This content
is a little bit longer.
</
p
>
<
p
class
=
"card-text"
>
<
small
class
=
"text-muted"
>
Last updated 3 mins ago
</
small
>
</
p
>
</
div
>
</
div
>
<
div
class
=
"card"
>
<
img
class
=
"card-img-top"
src
=
""
>
<
div
class
=
"card-block"
>
<
h4
class
=
"card-title"
>Card title</
h4
>
<
p
class
=
"card-text"
>
This card has supporting text below
as a natural lead-in to additional
content.
</
p
>
<
p
class
=
"card-text"
>
<
small
class
=
"text-muted"
>
Last updated 3 mins ago
</
small
>
</
p
>
</
div
>
</
div
>
<
div
class
=
"card"
>
<
img
class
=
"card-img-top"
src
=
""
>
<
div
class
=
"card-block"
>
<
h4
class
=
"card-title"
>Card title</
h4
>
<
p
class
=
"card-text"
>
This is a wider card with supporting
text below as a natural lead-in to
additional content. This card has
even longer content than the first
to show that equal height action.
</
p
>
<
p
class
=
"card-text"
>
<
small
class
=
"text-muted"
>
Last updated 3 mins ago
</
small
>
</
p
>
</
div
>
</
div
>
</
div
>
integrity
=
"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin
=
"anonymous"
>
</
script
>
integrity
=
"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin
=
"anonymous"
>
</
script
>
integrity
=
"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin
=
"anonymous"
>
</
script
>
</
body
>
</
html
>