<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  </head>

  <body>
    <div class="jumbotron">
      <h1 class="text-success text-center">Typography Bootstrap Part 2</h1>
    </div>
    
    <!-- class .dl-horizontal -->
    <div class="container">
      <div class="col-md-6">
        <h2 class="text-primary">Class <b>Align</b></h2>
        <h3>.text-left</h3>
        <p class="text-left">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
        <h3>.text-right</h3>
        <p class="text-right">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
        <h3>.text-center</h3>
        <p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
        <h3>.text-justify</h3>
        <p class="text-justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
        <h3>.text-nowrap</h3>
        <p class="text-nowrap">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
      </div>
        
      <div class="col-md-6">
        <h2 class="text-primary">Class <b>Text Property</b></h2>
        <h3>.text-lowercase</h3>
        Saya Sedang Belajar Bootstrap Menggunakan Class <span class="text-lowercase text-success">.text-lowercase</span>
        <h3>.text-uppercase</h3>
        Saya Sedang Belajar Bootstrap Menggunakan Class <span class="text-uppercase text-success">.text-uppercase</span>
        <h3>.text-capitalize</h3>
        Saya Sedang Belajar Bootstrap Menggunakan Class <span class="text-capitalize text-success">.text-capitalize</span>
        <h3>.mark</h3>
        Saya Sedang Belajar Bootstrap Menggunakan Class <span class="mark">.mark</span>
        
      </div>
    </div>
  
    <hr/>
    <hr/>
    
    <div class="container">
      <div class="col-md-6">
        <h2 class="text-primary">Tag <b>blockquote</b></h2>
        <blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</blockquote>
      </div>
      
      <div class="col-md-6">
        <h2 class="text-primary">Class <b>.blockquote-reverse</b></h2>
        <p class="blockquote-reverse">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
      </div>
    </div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  </body>

</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.