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

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

Installing Android SQLite Asset Helper -

Qt Creator - Searching files with Locator including folder -