css - Bootstrap not showing correctly in Atom -


i'm relatively new apologies if basic question trying create site using atom text editor , bootstrap yeti theme pulled bootswatch.

i've taken copy of style sheet , saved referencing normal in html, it's reading , applying style not showing quite right.

i have tried in couple of other tools - js fiddle - , showing expect.

again sorry if basic question i'm still learning

any great

    <!doctype html> <html>   <head>         <title>clarity analysis ltd landing page</title>             <link rel="stylesheet" href="/volumes/hd-documents/atom/clarity analysis/css/flatley.css">             <link rel="stylesheet" href="/volumes/hd-documents/atom/clarity analysis/css/landingcustom.css">   </head>  <body>    <nav class="navbar navbar-inverse">     <div class="container-fluid">       <div class="navbar-header">         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">           <span class="sr-only">toggle navigation</span>           <span class="icon-bar"></span>           <span class="icon-bar"></span>           <span class="icon-bar"></span>         </button>         <a class="navbar-brand" href="#">brand</a>       </div>        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">         <ul class="nav navbar-nav">           <li class="active"><a href="#">link <span class="sr-only">(current)</span></a></li>           <li><a href="#">link</a></li>           <li class="dropdown">             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">dropdown <span class="caret"></span></a>             <ul class="dropdown-menu" role="menu">               <li><a href="#">action</a></li>               <li><a href="#">another action</a></li>               <li><a href="#">something else here</a></li>               <li class="divider"></li>               <li><a href="#">separated link</a></li>               <li class="divider"></li>               <li><a href="#">one more separated link</a></li>             </ul>           </li>         </ul>         <form class="navbar-form navbar-left" role="search">           <div class="form-group">             <input type="text" class="form-control" placeholder="search">           </div>           <button type="submit" class="btn btn-default">submit</button>         </form>         <ul class="nav navbar-nav navbar-right">           <li><a href="#">link</a></li>         </ul>       </div>     </div>   </nav>   <div class="container-fluid">   <div class="jumbotron">   <h1>jumbotron</h1>   <p>this simple hero unit, simple jumbotron-style component calling attention featured content or information.</p>   <p><a class="btn btn-primary btn-lg">learn more</a></p> </div> </div> </body> </html> 

thanks

you not including bootstraps css , js

<link rel="stylesheet" href="whereever/bootstrap.css" media="screen"> 

and on bottom page

<script src="whereever/bootstrap.js"></script> 

Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -