[HELP]Bootstrap

AlexFallen

Developer
Jul 19, 2011
490
64
Hello,
I recently started playing around with Bootstrap, and I currently am looking to have just a basic starting template, with which I can start each bootstrap page off with, I will post the code below, could anyone tell me if I am missing anything, or if something is wrong?
HTML:
<!DOCTYPE html>
<html lang="en">
   
    <head>
        <meta charset="UTF-8"/>
        <title>Bootstrap Site</title>
        <meta name="viewport" content="width=device-width, initial-slace-1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>   
        <!-- Le styles -->
        <!-- TODO: make sure bootstrap.min.css points to BootTheme generated file
        -->
        <link href="netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
        <style type="text/css">
            body
            {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
        <!-- TODO: make sure bootstrap-responsive.min.css points to BootTheme
        generated file -->
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet"/>
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
          <!-- Fav and touch icons -->
        <link rel="shortcut icon" href="docs/assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" size="144x144" href="docs/assets/ico/apple-touch-icon-144-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" size="114x114" href="docs/assets/ico/apple-touch-icon-114-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" size="72x72" href="docs/assets/ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="docs/assets/ico/apple-touch-icon-57-precomposed.png">
    </head>
    <body>
   
    </body>
</html>

Thanks in advance!
 

AlexFallen

Developer
Jul 19, 2011
490
64
HTML:
<!DOCTYPE html>
<html lang="en">
    <head>
        
        <meta charset="UTF-8" />
        <title>Bootstrap Site</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        
        <!-- Le styles -->
        <link href="docs/assets/css/bootstrap.css" rel="stylesheet" />
        <link href="docs/assets/css/bootstrap-responsive.css" rel="stylesheet" /> 
        <link href="docs/assets/css/docs.css" rel="stylesheet" />
        <link href="docs/assets/js/google-code-prettify/prettify.css" rel="stylesheet" />
        
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements-->
        <!--[if lt IE 9]>
            <script src="docs/docs/assets/js/html5shiv.js"></script>
        <![endif]-->
        
        <!-- Le fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="docs/assets/ico/apple-touch-icon-144-precomposed.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="docs/assets/ico/apple-touch-icon-114-precomposed.png" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="docs/assets/ico/apple-touch-icon-72-precomposed.png" />
        <link rel="apple-touch-icon-precomposed" href="docs/assets/ico/apple-touch-icon-57-precomposed.png" />
        <link rel="shortcut icon" href="docs/assets/ico/favicon.png" />
        
    </head>
    
    <body data-spy="scroll" data-target=".bs-docs-sidebar">
        
            
    
    <!-- Le javascript
       ================================================== -->
       <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="docs/assets/js/jquery.js"></script>
    <script src="docs/assets/js/bootstrap-transition.js"></script>
    <script src="docs/assets/js/bootstrap-alert.js"></script>
    <script src="docs/assets/js/bootstrap-modal.js"></script>
    <script src="docs/assets/js/bootstrap-dropdown.js"></script>
    <script src="docs/assets/js/bootstrap-scrollspy.js"></script>
    <script src="docs/assets/js/bootstrap-tab.js"></script>
    <script src="docs/assets/js/bootstrap-tooltip.js"></script>
    <script src="docs/assets/js/bootstrap-popover.js"></script>
    <script src="docs/assets/js/bootstrap-button.js"></script>
    <script src="docs/assets/js/bootstrap-collapse.js"></script>
    <script src="docs/assets/js/bootstrap-carousel.js"></script>
    <script src="docs/assets/js/bootstrap-typeahead.js"></script>
    <script src="docs/assets/js/bootstrap-affix.js"></script>
    <script src="docs/assets/js/holder/holder.js"></script>
    <script src="docs/assets/js/google-code-prettify/prettify.js"></script>
    <script src="docs/assets/js/application.js"></script>
    
    </body>
    
</html>

I edited the basic template, added the javascripts, edited some header stuff.

ALSO,
I have gotten a pretty good grasp on the whole Bootstrap concept. But I can't decide what to make...

That picture show's what you guys have said. I can't decide between the three... It would be cool to work with Rev for more than just my hotel, so IDK.
 

Users who are viewing this thread

Top