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
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,
- How to disable button in Bootstrap
- Bootstrap tooltip not working
- Bootstrap Button Colors Classes
- Rounded Images in Bootstrap framework
- Right Align Text in Bootstrap framework
- How to add hint text in bootstrap input text field and text area
- Create Bootstrap carousel slider with Text
- Bootstrap Nav Menu Dropdown on hover
- [Solved] Bootstrap tooltip not working
- Align left align text in Bootstrap
More Posts:
- How to screenshot on Android? - Android
- Fix NVIDIA GeForce Experience ERROR CODE 0x0003 - HowTos
- zsh: command not found [fix] macOS - zsh
- Google Webmaster : An error has occurred. Please try again later - Google
- Error: LinkageError occurred while loading main class UnsupportedClassVersionError [Eclipse Java] - Java
- AlertDialog with no buttons (just text message) - Android
- Where is .zshrc file located in macOS - MacOS
- Mac (macos) startup keyboard boot sequence combinations - MacOS
- Android Display Toast on Button Click - Android
- How to update Android Studio - Android-Studio
- [macOS] NetBeans IDE cannot be installed. Java (JRE) found on your computer but JDK XX or newer is required. - MacOS
- Android Studio - Installed build tools revision 31.0.0 is corrupted. Remove and install again using the SDK manager. - Android-Studio
- Robinhood unexpected server error - Android
- How to open Notepad? - NotepadPlusPlus
- Unhandled exception type InterruptedException : Java Threads - Java
- Failed to load resource: net::ERR_CACHE_MISS PHP - PHP
- IntelliJ: Error: Could not find or load main class, java.lang.ClassNotFoundException - Java
- [Android Studio] How to locate code for activity_main.xml - Android-Studio