Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
	<meta charset="UTF-8">
 	
 	<title>Bootstrap Komponente - Horizontal Menu</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	
  <link rel="stylesheet" type="text/css" href="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/css/bootstrap.min.css">
  <script src="/0frameworks/css_frameworks/bootstrap-3.1.1/js/tests/vendor/jquery.js"></script>
  <script src="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/js/bootstrap.min.js"></script>

</head>

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    
    
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nv">
        <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="#">Company Logo</a>
    </div>

<div class="collapse navbar-collapse" id="nv">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>

<li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown 1<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#" data-toggle="tab">Drop 1</a></li>
            <li><a href="#" data-toggle="tab">Drop 2</a></li>
          </ul>
        </li>

<li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown 2<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#" data-toggle="tab">Drop A</a></li>
            <li><a href="#" data-toggle="tab">Drop B</a></li>
          </ul>
        </li>

</ul>
    </div>

</div>
</nav>

<h3>LOREM</h3>
Suspendisse a orci facilisis, dignissim tortor vitae, ultrices mi. Vestibulum a iaculis lacus. Phasellus vitae 
convallis ligula, nec volutpat tellus. Vivamus scelerisque mollis nisl, nec vehicula elit egestas a. Sed 
luctus metus id mi gravida, faucibus convallis neque pretium. Maecenas quis sapien ut leo fringilla tempor 
vitae sit amet leo. Donec imperdiet tempus placerat. Pellentesque pulvinar ultrices nunc sed ultrices. Morbi 
vel mi pretium, fermentum lacus et, viverra tellus. Phasellus sodales libero nec dui convallis, sit amet 
fermentum sapien auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia 
Curae; Sed eu elementum nibh, quis varius libero.Vestibulum quis quam ut magna consequat faucibus. Pellentesque 
eget nisi a mi suscipit tincidunt. Ut tempus dictum risus. Pellentesque viverra sagittis quam at mattis. 
Suspendisse potenti. Aliquam sit amet gravida nibh, facilisis gravida odio. Phasellus auctor velit at lacus 
blandit, commodo iaculis justo viverra. Etiam vitae est arcu. Mauris vel congue dolor. Aliquam eget mi mi. 
Fusce quam tortor, commodo ac dui quis, bibendum viverra erat. Maecenas mattis lectus enim, quis tincidunt 
dui molestie euismod. Curabitur et diam tristique, accumsan nunc eu, hendrerit tellus.Phasellus fermentum, 
neque sit amet sodales tempor, enim ante interdum eros, eget luctus ipsum eros ut ligula. Nunc ornare erat 
quis faucibus molestie. Proin malesuada consequat commodo. Mauris iaculis, eros ut dapibus luctus, massa en
im elementum purus, sit amet tristique purus purus nec felis. Morbi vestibulum sapien eget porta pulvinar. 
Nam at quam diam. Proin rhoncus, felis elementum accumsan dictum, felis nisi vestibulum tellus, et ultrices
 risus felis in orci. Quisque vestibulum sem nisl, vel congue leo dictum nec. Cras eget est at velit sagitt
 is ullamcorper vel et lectus. In hac habitasse platea dictumst. Etiam interdum iaculis velit, vel sollicitu
 din lorem feugiat sit amet. Etiam luctus, quam sed sodales aliquam, lorem libero hendrerit urna, faucibus r
 honcus massa nibh at felis. Curabitur ac tempus nulla, ut semper erat. Vivamus porta ullamcorper sem, ornare
  egestas mauris facilisis id.Ut ut risus nisl. Fusce porttitor eros at magna luctus, non congue nulla eleifen
  d. Aenean porttitor feugiat dolor sit amet facilisis. Pellentesque venenatis magna et risus commodo, a commo
  do turpis gravida. Nam mollis massa dapibus urna aliquet, quis iaculis elit sodales. Sed eget ornare orci, e
  u malesuada justo. Nunc lacus augue, dictum quis dui id, lacinia congue quam. Nulla sem sem, aliquam nec dol
  or ac, tempus convallis nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla suscipit co
  nvallis iaculis. Quisque eget commodo ligula. Praesent leo dui, facilisis quis eleifend in, aliquet vitae nun
  c. Suspendisse fermentum odio ac massa ultricies pellentesque. Fusce eu suscipit massa.
  <br>
  <br>
  Nam eget purus nec est consectetur vehicula. Nullam ultrices nisl risus, in viverra libero egestas sit amet. 
  Etiam porttitor dolor non eros pulvinar malesuada. Vestibulum sit amet est mollis nulla tempus aliquet. Praesent 
  luctus hendrerit arcu non laoreet. Morbi consequat placerat magna, ac ornare odio sagittis sed. Donec vitae 
  ullamcorper purus. Vivamus non metus ac justo porta volutpat.Vivamus mattis accumsan erat, vel convallis risus 
  pretium nec. Integer nunc nulla, viverra ut sem non, scelerisque vehicula arcu. Fusce bibendum convallis augue 
  sit amet lobortis. Cras porta urna turpis, sodales lobortis purus adipiscing id. Maecenas ullamcorper, turpis 
  suscipit pellentesque fringilla, massa lacus pulvinar mi, nec dignissim velit arcu eget purus. Nam at dapibus 
  tellus, eget euismod nisl. Ut eget venenatis sapien. Vivamus vulputate varius mauris, vel varius nisl facilisis 
  ac. Nulla aliquet justo a nibh ornare, eu congue neque rutrum.Suspendisse a orci facilisis, dignissim tortor 
  vitae, ultrices mi. Vestibulum a iaculis lacus. Phasellus vitae convallis ligula, nec volutpat tellus. Vivamus 
  scelerisque mollis nisl, nec vehicula elit egestas a. Sed luctus metus id mi gravida, faucibus convallis neque 
  pretium. Maecenas quis sapien ut leo fringilla tempor vitae sit amet leo. Donec imperdiet tempus placerat. 
  Pellentesque pulvinar ultrices nunc sed ultrices. Morbi vel mi pretium, fermentum lacus et, viverra tellus. 
  Phasellus sodales libero nec dui convallis, sit amet fermentum sapien auctor. Vestibulum ante ipsum primis in 
  faucibus orci luctus et ultrices posuere cubilia Curae; Sed eu elementum nibh, quis varius libero.Morbi sed 
  fermentum ipsum. Morbi a orci vulputate tortor ornare blandit a quis orci. Donec aliquam sodales gravida. In ut 
  ullamcorper nisi, ac pretium velit. Vestibulum vitae lectus volutpat, consequat lorem sit amet, pulvinar 
  tellus. In tincidunt vel leo eget pulvinar. Curabitur a eros non lacus malesuada aliquam. Praesent et tempus 
  odio. Integer a quam nunc. In hac habitasse platea dictumst. Aliquam porta nibh nulla, et mattis turpis 
  placerat eget. Pellentesque dui diam, pellentesque vel gravida id, accumsan eu magna. Sed a semper arcu, 
  ut dignissim leo.Sed vitae lobortis diam, id molestie magna. Aliquam consequat ipsum quis est dictum ultrices. 
  Aenean nibh velit, fringilla in diam id, blandit hendrerit lacus. Donec vehicula rutrum tellus eget fermentum. 
  Pellentesque ac erat et arcu ornare tincidunt. Aliquam erat volutpat. Vivamus lobortis urna quis gravida semper. 
  In condimentum, est a faucibus luctus, mi dolor cursus mi, id vehicula arcu risus a nibh. Pellentesque blandit 
  sapien lacus, vel vehicula nunc feugiat sit amet.

<br>
  <br>
  <br>
  <h3>Quis</h3>
Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget nisi a mi suscipit tincidunt. Ut tempus 
dictum risus. Pellentesque viverra sagittis quam at mattis. Suspendisse potenti. Aliquam sit amet gravida nibh, 
facilisis gravida odio. Phasellus auctor velit at lacus blandit, commodo iaculis justo viverra. Etiam vitae est
 arcu. Mauris vel congue dolor. Aliquam eget mi mi. Fusce quam tortor, commodo ac dui quis, bibendum viverra erat. 
 Maecenas mattis lectus enim, quis tincidunt dui molestie euismod. Curabitur et diam tristique, accumsan nunc eu, 
 hendrerit tellus.
 <br>
 <br>
 <br>
 <br>
 <br>

</div>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../css/bootstrap/primjeri/800horiz_menu_simple.html.