Media Object Alignment

1 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€84.79
List Price:  €118.71
You save:  €33.92
£73.22
List Price:  £102.52
You save:  £29.29
CA$135.90
List Price:  CA$190.26
You save:  CA$54.36
A$152.06
List Price:  A$212.90
You save:  A$60.83
S$127.29
List Price:  S$178.21
You save:  S$50.92
HK$784.91
List Price:  HK$1,098.91
You save:  HK$313.99
CHF 79.26
List Price:  CHF 110.97
You save:  CHF 31.70
NOK kr1,006.99
List Price:  NOK kr1,409.83
You save:  NOK kr402.83
DKK kr632.67
List Price:  DKK kr885.76
You save:  DKK kr253.09
NZ$164.67
List Price:  NZ$230.55
You save:  NZ$65.87
د.إ367.26
List Price:  د.إ514.19
You save:  د.إ146.92
৳12,195.90
List Price:  ৳17,074.75
You save:  ৳4,878.85
₹8,528.94
List Price:  ₹11,940.86
You save:  ₹3,411.91
RM422.25
List Price:  RM591.17
You save:  RM168.92
₦152,847.71
List Price:  ₦213,992.91
You save:  ₦61,145.20
₨28,444.79
List Price:  ₨39,823.84
You save:  ₨11,379.05
฿3,239.55
List Price:  ฿4,535.50
You save:  ฿1,295.95
₺3,987.98
List Price:  ₺5,583.33
You save:  ₺1,595.35
B$543.21
List Price:  B$760.52
You save:  B$217.30
R1,751.73
List Price:  R2,452.49
You save:  R700.76
Лв165.73
List Price:  Лв232.03
You save:  Лв66.30
₩136,108.10
List Price:  ₩190,556.79
You save:  ₩54,448.68
₪336.07
List Price:  ₪470.52
You save:  ₪134.44
₱5,629.93
List Price:  ₱7,882.13
You save:  ₱2,252.20
¥14,384.26
List Price:  ¥20,138.54
You save:  ¥5,754.28
MX$1,875.65
List Price:  MX$2,625.99
You save:  MX$750.33
QR363.56
List Price:  QR509
You save:  QR145.44
P1,323.39
List Price:  P1,852.81
You save:  P529.41
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£4,934.44
List Price:  E£6,908.42
You save:  E£1,973.97
ብር13,756.30
List Price:  ብር19,259.37
You save:  ብር5,503.07
Kz91,186.39
List Price:  Kz127,664.59
You save:  Kz36,478.20
CLP$92,616.73
List Price:  CLP$129,667.13
You save:  CLP$37,050.40
CN¥715.99
List Price:  CN¥1,002.42
You save:  CN¥286.42
RD$5,925.92
List Price:  RD$8,296.53
You save:  RD$2,370.60
DA12,931.59
List Price:  DA18,104.75
You save:  DA5,173.15
FJ$223.54
List Price:  FJ$312.97
You save:  FJ$89.42
Q768.75
List Price:  Q1,076.28
You save:  Q307.53
GY$20,916.50
List Price:  GY$29,283.94
You save:  GY$8,367.44
ISK kr12,090.79
List Price:  ISK kr16,927.59
You save:  ISK kr4,836.80
DH896.39
List Price:  DH1,254.99
You save:  DH358.59
L1,683.90
List Price:  L2,357.54
You save:  L673.63
ден5,217.64
List Price:  ден7,304.90
You save:  ден2,087.26
MOP$808.38
List Price:  MOP$1,131.77
You save:  MOP$323.38
N$1,761.61
List Price:  N$2,466.32
You save:  N$704.71
C$3,669.24
List Price:  C$5,137.09
You save:  C$1,467.84
रु13,669.04
List Price:  रु19,137.20
You save:  रु5,468.16
S/355.14
List Price:  S/497.22
You save:  S/142.07
K412.57
List Price:  K577.62
You save:  K165.04
SAR374.99
List Price:  SAR525
You save:  SAR150.01
ZK2,395.96
List Price:  ZK3,354.44
You save:  ZK958.48
L429.06
List Price:  L600.71
You save:  L171.64
Kč2,090.48
List Price:  Kč2,926.75
You save:  Kč836.27
Ft33,858.04
List Price:  Ft47,402.61
You save:  Ft13,544.57
SEK kr954.05
List Price:  SEK kr1,335.71
You save:  SEK kr381.66
ARS$120,587.94
List Price:  ARS$168,827.94
You save:  ARS$48,240
Bs690.81
List Price:  Bs967.17
You save:  Bs276.35
COP$401,611.06
List Price:  COP$562,271.56
You save:  COP$160,660.49
₡50,378.49
List Price:  ₡70,531.90
You save:  ₡20,153.41
L2,606.20
List Price:  L3,648.79
You save:  L1,042.58
₲797,463.99
List Price:  ₲1,116,481.49
You save:  ₲319,017.50
$U3,945.53
List Price:  $U5,523.90
You save:  $U1,578.37
zł360.85
List Price:  zł505.21
You save:  zł144.35
Already have an account? Log In

Transcript

Hello, in this video we are going to cover media object positioning. So when we say media object positioning, talking about anointing, this object right here, the form now to the top, the middle, or the bottom of the media object, aka the media object height is this right here because it includes the text. So to make your load tall, I was going to add some more text on a copy and paste that. So the free instances of it, save it as exceed this media object is a lot taller. Now. By default, the media object is online to the top, online into the middle simple.

You go to the anchor, show the class of media dash, lefty media, dash, middle, save that refresh, it's now in the middle of the object. And if you want to hit the bottom, think you guessed it, media dash bottom. If we just refresh, there we go. It's annoying at the bottom now. And if we just start resizing our browser, see on this particular screen size, this is really tall because there isn't a lot of space. And due to the way we've set it with the screen size and the columns, therefore, it's all the way at the bottom.

It's always at the bottom because we've bought media dash quartum. So that's how you align media objects. If you have any question for bootstrap or anything else, feel free to post them on sonar learning Dakota, UK for slash question dot php, there'll be a link in the description to that. Plus, there'll be another link in the description to the source code from this video and all your other bootstrap videos in this series. Please rate, comment and subscribe as it doesn't really help keep the content free Plus he also helps us grow which means we can provide more content on a regular basis. And as usual, thanks for watching, and I hope you have a great day.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.