Bootstrap 3 col Issue
i have section of 3 columns row 1600px max width... want 3 columns have 15px gutter space in middle.. want sides flush please @ image.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>bootstrap starter page</title>
<!--for mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!--for older ie browsers-->
<!--[if lt ie 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--bootstrap spacelab theme-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/spacelab/bootstrap.min.css">
<style>
.col-sm-4 {border-left: 1px dotted silver; border-right: 1px dotted silver}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="jumbotron text-center">
<h1>my awesome website</h1>
<h2>some pithy slogan</h2>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h3>heading 3</h3>
<p>lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris vitae libero lacus, vel hendrerit nisi! maecenas quis velit nisl, volutpat viverra felis. vestibulum luctus mauris sed sem dapibus luctus.</p>
</div>
<div class="col-sm-4">
<h3>heading 3</h3>
<p>pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. quisque varius scelerisque nunc eget rhoncus. aenean tristique enim ut ante dignissim.</p>
</div>
<div class="col-sm-4">
<h3>heading 3</h3>
<p>pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. quisque varius scelerisque nunc eget rhoncus. aenean tristique enim ut ante dignissim.</p>
</div>
<!--/row--></div>
<!--/container--></div>
<!--latest jquery-->
<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lzfhibxzmho3ggeehn1hudtap3sc0ukxbxazhx1sjtk=" crossorigin="anonymous"></script>
<!--bootstrap-->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment