Utilities - Embed

Icons
Images
Components
Column 1

Alerts

Badge

Breadcrumb

Buttons

Button group

Card

Carousel
Column 2

Collapse

Dropdowns

Forms

Input group

Jumbotron

List group
Column 3

Media Object

Modal

Navs

Navbar

Pagination

Popovers
Column 4

Progress

Scrollspy

Spinners

Table

Toasts

Tooltips

9
Messages Mark All as Read
SEE ALL
3
Notification
SEE ALL
Quick Navigation
- Gmail
- Hangout
- Google+
- Mail
- Message
- More
SEE ALL
Welcome,
Thom Yorke
- My Profile
- Settings
- Upload
- Help
- Sign Out

Dashboard

Dashboard v1
Dashboard v2

Web Apps

Email
Calender
Messenger
Live Chat
Contact
Form Wizard

Pages

FAQ
Pricing Table
Sign In/Sign Up
- Log In 1
- Log In 2
- Log In 3
- Log In 4
- Sign Up 1
- Sign Up 2
- Sign Up 3
- Sign Up 4
Error 404
- Error 1
- Error 2
- Error 3
- Error 4
SVG Maps

Basic Elements

UI Components
- Alerts
- Badge
- Breadcrumb
- Buttons
- Button group
- Card
- Carousel
- Collapse
- Dropdowns
- Forms
- Input group
- Jumbotron
- List group
- Media object
- Modal
- Navs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltips
Layout
Contents
- Typography
- Code
- Images
- Tables
- Figures
Utilities
- Borders
- Close icon
- Colors
- class="active"
- Embed
- Flex
- Overflow
- Shadows
- Sizing
- Spacing
- Stretched link
- Text
- Vertical align
Documentation

Embed

Embed 16by9 Ratio

Embed 16by9 Ratio

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>

Embed 21by9 Ratio

Embed 21by9 Ratio

<div class="embed-responsive embed-responsive-21by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>

Embed 4by3 Ratio

Embed 4by3 Ratio

<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>

Embed 4by3 Ratio

Embed 1by1 Ratio

<div class="embed-responsive embed-responsive-1by1">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>

Made with coffee & love by YooKits ©All rights reserved.

About
Privacy Policy
Sitemap