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.