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:

- How to make jsfiddle bootstrap ready
- How to place two div elements next to each other
- List of 32 CSS cursors web developers must know about
- How to create a circular Image using pure CSS Code
- How to set CSS background-Image Property
- Tutorial : Simple Lightweight Pure CSS based Vertical Navigation Menu
- Only Chessboard using HTML and CSS Code Example
- Set Falling Show on Website for Christmas using Pure CSS Code
- Horizontally Center Align
- How to Center Align Image in Bootstrap
- align image at middle of div element
- CSS Media Query Tutorial for Responsive Mobile First Web Design
- reCAPTCHA Implementation Tutorial
- Add scroll to div element in HTML Css
- CSS: Apply opacity only for div background and not text
- How to make div or text in html unselectable using CSS
- How to undo last Git Commit on Local Repository? - Git
- [Fix] java.net.MalformedURLException: unknown protocol - Java
- pip/pip3 ERROR: Could not install packages due to an EnvironmentError: [Errno 13] Permission denied - PIP
- How to configure PDF iFilter for SharePoint - SharePoint
- How to make div or text in html unselectable using CSS - CSS
- Enable Dark Mode in Google Search - Google
- Fix Microsoft Store Error Code: 0x80072EFD - Microsoft
- Microsoft Teams meeting Full Screen mode option missing - bring it back - Teams