Bootstrap Wells
Wells add a rounded border around an element.The Border are grey background with padding.You need to add "
Example
Wells Sizing
well-lg , well-sm
optional classes are used to change the size of well . These classes are used with .well class. These manage the padding, making the well larger or smaller depending on the class.
Example
Output :
Wells add a rounded border around an element.The Border are grey background with padding.You need to add "
well" class only.Example
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="utf-8">
<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.3.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta
name="viewport"
content="width
= device-width, initial-scale = 1">
<body>
<div
class="container">
<div
class
=
"well">This
is Example of Well</div>
</div>
</body>
</html>
Output :
This is Example of Well
Wells Sizing
well-lg , well-sm
optional classes are used to change the size of well . These classes are used with .well class. These manage the padding, making the well larger or smaller depending on the class.
Example
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="utf-8">
<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.3.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta
name="viewport"
content="width
= device-width, initial-scale = 1">
<body>
<div
class="container">
<div
class
=
"well">This
is Example of Well</div>
<div
class
=
"well
well-lg">This
is Example of Well</div>
<div
class
=
"well
well-sm">This
is Example of Well</div>
</div>
</body>
</html>
This is Example of Well
This is Example of Well
This is Example of Well
No comments:
Post a Comment