We have text aligned left by default. If you are using Twitter's Bootstrap Framework and want to align text right then you must make use of class="text-right" in the element that contains the text.
![text aligned right text aligned right](https://code2care.org/pages/right-align-text-in-bootstrap-framework/images/text aligned right.png)
text aligned right
Let's have a look at an example :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap : Text Align Right</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<p class="text-right" style="padding:20px">Text aligned right</p>
</div>
</body>
</html>
More Posts related to Bootstrap,
- [Solved] Bootstrap tooltip not working
- Create Bootstrap carousel slider with Text
- Bootstrap tooltip not working
- How to disable button in Bootstrap
- Vertical align two div's in Bootstrap [HTML CSS]
- Bootstrap Button Colors Classes
- How to Change Bootstrap Carousel Slide Speed
- Right Align Text in Bootstrap framework
- How to add hint text in bootstrap input text field and text area
- Simple Login Page using Bootstrap
- Make Bootstrap Button look like a link
- Align left align text in Bootstrap
- Bootstrap Nav Menu Dropdown on hover
- Rounded Images in Bootstrap framework
- What is Bootstrap Jumbotron and how to use it
More Posts:
- Change Google Chrome Browsers default download location - Chrome
- [Nopepad++] How to add text at end of each line - NotepadPlusPlus
- Android Studio : Connection Error : Failed to download patch file - Android-Studio
- How to Delete a Sheet in Excel on Mac - Microsoft
- Remove Apps from Dock when Quit [Mac Ventura] - MacOS
- Create a Zip file using Java Code programmatically - Java
- Fetch as Google Crawl Error or Redirected Status - Google
- AWS S3 CLI BucketAlreadyExists when calling CreateBucket Error make_bucket failed - AWS