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.

 

 

demo.jpg

<!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

Popular posts from this blog

Illustrator CS6 Ocurrío un error E/S en el archivo.

-
este error me me sale cada ves que guardo un archivo que ya estado trabajando varias veces, sale cuando ya esta finalizando el proceso de guardar, ya probe cambiar nombre del archivo, ubicación de guardado, convertí curvas las fuentes y sigue saliendo el mismo error, no se que mas hacer, si alguien le ha sucedido y sabe como solucionarlo por favor ayuda. versión exacta (acerca de illustrator) de illustrator? versión sistema operativo?   guardas en el disco duro principal del ordenador o en otro disco, memoria pendrive,...? ese disco que clase de disco, modelo, antiguedad, espacio libre,...? More discussions in Foro en español adobe
Read more

Why is os_ViewContainer running?

-
when open illustrator (cc) opens window os_viewcontainer cannot view or close. shows in taskbar second window illustrator when mousing on ai icon. have tried select no luck. have tried clear using red x, no luck. close when close illustrator. wondering why there , if should concerned. oh, running windows 10. hi ccsachs,   as per query when launch illustrator opens " os_viewcontainer "   i request please share screenshots along below-mentioned details:   exact version of illustrator  graphic card using , when updated last time how performs in safe mode? ( https://support.microsoft.com/en-in/help/12376/windows-10-start-your-pc-in-safe-mode ) if works fine in safe mode please share antivirus using?   regards srishti More discussions in Illustrator adobe
Read more

Animate - problem with duplicating scripts after loop

-
hi all,   i have problem simple button script @ first frame. fine when timeline playing first time. after when timeline loops , stop again @ 0 frame button script fireing 2 times, when loops third time fireing 3 times etc...   here script:   this.stop(); exportroot.mc_cta.cursor = "pointer";   this.mc_cta.on("click", clickfunc.bind(this));   function clickfunc() {     console.log("clicked");     eb.useractioncounter("clicked");     exportroot.gotoandplay(1); }   anybody ideas? wrong?   thanks! kris use:   this.stop(); exportroot.mc_cta.cursor = "pointer";   if(!this.alreadyexecuted){ this.alreadyexecuted=true; this.mc_cta.on("click", clickfunc.bind(this));   function clickfunc() { console.log("clicked"); eb.useractioncounter("clicked"); exportroot.gotoandplay(1); } } More discussions in Adobe Animate CC - General adobe
Read more