CODEWITHSUNDEEP
twitter-bootstrap
user1333524
user1333524

Reputation: 463

Simple BootStrap not working

I am trying to get a very simple Bootstrap example to function and it does not render the span(s) properly. I do not see the span content render as columns no matter the page size. Under debug I see the css and related jquery (v 1.9) and bootstrap (v 3.0) scripts pulled in.

  <!DOCTYPE html> <html lang="en"> <head>
     <title></title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <link href="Content/bootstrap/bootstrap.css" rel="stylesheet" />    </head> <body>
     <div class="container">
         <div class="row">
             <div class="span4">
                 <h2>Column one</h2>
                 <p>
                     Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
 nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
 malesuada magna mollis euismod. Donec sed odio dui.
                 </p>
             </div>
             <div class="span4">
                 <h2>Column one</h2>
                 <p>
                     Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
 nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
 malesuada magna mollis euismod. Donec sed odio dui.
                 </p>
             </div>
             <div class="span4">
                 <h2>Column one</h2>
                 <p>
                     Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
 nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
 malesuada magna mollis euismod. Donec sed odio dui.
                 </p>
             </div>
         </div>
     </div>

     <script src="Scripts/jquery-1.9.1.min.js"></script>
     <script src="Scripts/bootstrap.min.js"></script> </body> </html>

Upvotes: 1

Views: 87

Answers (2)

user1333524
user1333524

Reputation: 463

V2 markup was in fact the issue. Removed span replaced with col4-md

Upvotes: 0

Matoeil
Matoeil

Reputation: 7289

did u put the script file in the Scripts folder ? look at your navigator source code and make sure by clicking on

<script src="Scripts/bootstrap.min.js"></script>

that the script is accessible

Upvotes: 1

Related Questions