Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
Align media objects with Bootstrap
To align media objects, use the .align class in Bootstrap. You can try to run the following code to implement the .align class.
Use the .align-left class to align media to the left −
Example
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class = "container"> <h2>Google Tag Manager Tutorial</h2> <div class = "media"> <div class = "media-left"> <img src = "https://www.tutorialspoint.com/latest/Google-Tag-Manager.png" class="media-object" style="width:60px"> </div> <div class = "media-body"> <h4 class = "media-heading">Introduction</h4> <p>Google Tag Manager (GTM) is a free tool that makes it easy for marketers to add and update website tags.</p> </div> </div> </div> </body> </html>
Updated on: 2020-06-15T07:10:54+05:30
200 Views
Advertisements