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,
- CSS: Apply opacity only for div background and not text
- 32 css cursors web developers must know
- How to place two div elements next to each other
- reCAPTCHA Implementation Tutorial
- align image at middle of div element
- Add scroll to div element in HTML Css
- CSS Media Query Tutorial for Responsive Mobile First Web Design
- Tutorial : Simple Lightweight Pure CSS based Vertical Navigation Menu
- How to make jsfiddle bootstrap ready
- How to Center Align Image in Bootstrap
- Horizontally Center Align tag in HTML using CSS
- How to make div or text in html unselectable using CSS
More Posts:- Unsupported major.minor version 52.0 in java - Java
- Default speed of Marquee tag : SCROLLAMOUNT - Html
- How to take Screenshots on Mac OS X without Keyboard - Mac-OS-X
- Create Bootstrap carousel slider with Text - Bootstrap
- W3 HTML validator warning Unable to Determine Parse Mode - Html
- How to update SharePoint List Item programmatically - SharePoint
- How to delete SharePoint List Item programmatically - SharePoint
- 21 Useful Android Emulator Short-cut Keyboard Keys - Android
- 4 Open Source SQLite Editor for Mac OS X , Windows and Linux - Mac-OS-X
- CentOS Cannot find a valid baseurl for repo base7x86_64 yum - HowTos
- PHP Fatal error : Call to a member function bind_param() on a non-object - PHP
- align image at middle of div element - CSS
- Detect if Cookies are enabled using JavaScript - JavaScript
- Warning: Cannot modify header information - headers already sent - PHP
- AlertDialog with single button example : Android - Android