Images are left-aligned by default. One simple way it to warp the img tag with tags, but it is not recommended as center tags are deprecated.
If you want an image to be center-aligned for bootstrap UI, you can make use of the class center-block
If you have a look at the center-block class in bootstrap.css then you may find,
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
Demo html code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Center Align image in bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/sticky-footer-navbar.css" rel="stylesheet">
<script src="js/ie-emulation-modes-warning.js"></script>
<script src="js/ie10-viewport-bug-workaround.js"></script>
</head>
<body>
<div class="container">
<img src="http://code2care.org/tools/images/code2care-logo.png"
alt="Center Align image in bootstrap"
class="img-rounded center-block">
</div>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>
</body>
</html>
Output:

Image Center Aligned in Bootstrap
More Posts related to CSS,
- Elegant CSS Box Shadows Ideas
- How to Vertically Center Align Text in a Div using CSS Code Example
- How to Center Align Image in Bootstrap
- Change CSS Background Opacity with Examples
- Tutorial : Simple Lightweight Pure CSS based Vertical Navigation Menu
- Simple CSS Grid Example
- CSS: Apply opacity only for div background and not text
- How to create a circular Image using pure CSS Code
- How to place two div elements next to each other
- Responsive Web Design with CSS Media Queries: A Beginner's Tutorial [Updated for 2023]
- Add scroll to div element in HTML Css
- How to make div or text in html unselectable using CSS
- reCAPTCHA Implementation Tutorial
- Set Falling Show on Website for Christmas using Pure CSS Code
- How to set CSS background-Image Property
- List of 32 CSS cursors web developers must know about
- 10 Must Know CSS Border Styles with Examples
- How to make jsfiddle bootstrap ready
- Horizontally Center Align
- Tailwind CSS Hello World Example
- align image at middle of div element
- Only Chessboard using HTML and CSS Code Example
More Posts:
- Fix: Sorry, we cant sync this folder, Youre already syncing a shortcut to a folder from this shared library [OneDrive] - Windows
- Know installed PowerShell Version on Mac - Powershell
- How to track and download Microsoft Teams meeting attendance report of participants/students - Teams
- reCAPTCHA Implementation Tutorial - CSS
- How to create Toast messages in Android? - Android
- How to get current URL Location using Javascript HTML - JavaScript
- Python: Replace the First Occurrence of String in a String - Python
- How to Show Path of Files or App in Mac Spotlight Search - MacOS