Bootstrap Wells


Prev Tutorial Next Tutorial

Wells class in Bootstrap

The .well class is used for adds a rounded border around an element with a gray background color and some padding. You can change the size of the well by adding the .well-sm class for small wells or .well-lg class for large wells:

Bootstrap Wells Example

<!DOCTYPE html>
<html lang="en">
<head>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body> 

<div class="container">
  <div class="well">Simple Well</div>
  <div class="well well-sm">Small Well</div>
  <div class="well well-lg">Large Well</div>
</div>

</body>
</html>

Output

Simple Well
Small Well
Large Well

Prev Tutorial Next Tutorial

Google Advertisements

Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements