Dalam memberikan penjelasan melalui tulisan, kita mungkin ingin menonjolkan paragraf-paragraf tertentu untuk menunjukkan nilai pentingnya. Dalam Bootstrap kita dapat menonjolkan suatu paragraf tertentu menggunakan class well.

Source code utama menonjolkan suatu paragraf ini adalah :
        <div class=”well”>
            <p>
            Tak berkesudahan kasih setia TUHAN, tak habis-habisnya rahmat-Nya, <br/>
            selalu baru tiap pagi; besar kesetiaan-Mu! <br/>
        “TUHAN adalah bagianku,” kata jiwaku, <br/>
        oleh sebab itu aku berharap kepada-Nya.<br/>
        TUHAN adalah baik bagi orang yang berharap kepada-Nya, <br/>
        bagi jiwa yang mencari Dia. <br/>
        Adalah baik menanti dengan diam pertolongan TUHAN.
            </p>
        </div>

Demo dapat dilihat pada http://aris.proweb.asia/dist/coba18.html dengan tampilan di bawah ini:

Source code lengkapnya adalah:
<!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″>
    <title>Menonjolkan paragraf</title>

    <link href=”css/bootstrap.min.css” rel=”stylesheet”>

  </head>
  <body>
    
    <div class=”container”>
        <br>
        <br/>
        <div class=”well”>
            <p>
            Tak berkesudahan kasih setia TUHAN, tak habis-habisnya rahmat-Nya, <br/>
            selalu baru tiap pagi; besar kesetiaan-Mu! <br/>
        “TUHAN adalah bagianku,” kata jiwaku, <br/>
        oleh sebab itu aku berharap kepada-Nya.<br/>
        TUHAN adalah baik bagi orang yang berharap kepada-Nya, <br/>
        bagi jiwa yang mencari Dia. <br/>
        Adalah baik menanti dengan diam pertolongan TUHAN.
            </p>
        </div>
    </div> <!– /container –>

    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
    <script src=”js/bootstrap.min.js”></script>
  </body>
</html>

Informasi lebih lanjut silahkan mengunjungi http://getbootstrap.com/components/#wells .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Menonjolkan paragraf dengan Bootstrap