The alignment of text is inseparable from the layout. Text-align is often used in CSS to set the alignment style of text. There are four main types of styles:
? Left-Justified
? Center alignment, Value Center
? Right-justified, take value
? Justify, value justify
To simplify operation and ease of use, bootstrap controls the alignment style of text by defining four class names (specific source view Bootstrap.css file line No. 488 ~ No. 499 line):
? . Text-left: Left Justified
? . Text-center: Center Alignment
? . Text-right: Right-justified
? . Text-justify: Justify on both sides
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><title>Text alignment Style</title><Linkrel= "stylesheet"href= "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></Head><Body><Pclass= "Text-left">I'm left.</P><Pclass= "Text-center">I'm centered.</P><Pclass= "Text-right">I'm right.</P><Pclass= "Text-justify">There is clearly a need for CSS to being taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one would load the style sheet into this very page. The code remains the same, the only thing, which has changed is the external. css file.</P></Body></HTML>
Bootstrap text alignment style