Bootstrap 3 grid system - not showing as grid - what file have I missed? -
i have following in header...
<!-- mobile viewport optimized --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- bootstrap css --> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet"> <!-- custom css --> <link href="includes/css/styles.css" rel="stylesheet"> <!-- include modernizr in head, before other javascript --> <script src="includes/js/modernizr-2.6.2.min.js"></script>
...and following on page...
<div class="container"> <div class="row"> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> </div> </div>
...but grid layout isn't appearing. instead it's vertically stacked column of text so:
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
have missed in head section? expecting see 12 columns. appreciate help, thank you. nj
you're missing jquery , bootstrap javascript in page <head>
Comments
Post a Comment