Topic: droopdown [SOLVED]

i am trying to get a droop down to work but i am not sure where i went wrong

my html

<!DOCTYPE html>
<html>
<head>
  <title>Ruby on Rails Tutorial Sample App | a@a.com</title>
  <link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/custom.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/static_pages.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" />
  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/sessions.js?body=1" type="text/javascript"></script>
<script src="/assets/static_pages.js?body=1" type="text/javascript"></script>
<script src="/assets/users.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
  <meta content="authenticity_token" name="csrf-param" />
<meta content="WpwlAydnCL5mjJ1OwWzEj8QEGejODt3/y4oK3Rjv9F8=" name="csrf-token" />
  <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>
<body>
  <header class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a href="/" id="logo">sample app</a>
      <nav>
        <ul class="nav pull-right">
          <li><a href="/">Home</a></li>
          <li><a href="/help">Help</a></li>
            <li><a href="#">Users</a></li>
            <li id="fat-menu" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                Account <b class="caret"></b>
              </a>
              <ul class="dropdown-menu">
                <li><a href="/users/5">Profile</a></li>
                <li><a href="#">Settings</a></li>
                <li class="divider"></li>
                <li>
                  <a href="/signout" data-method="delete" rel="nofollow">Sign out</a>
                </li>
              </ul>
            </li>
        </ul>
        </nav>
    </div>
  </div>
</header>

  <div class="container">
        <div class="alert alert-success">Welcome to the Sample App!</div>
    <div class="row">
  <aside class="span4">
    <section>
      <h1>
        <img alt="a@a.com" class="gravatar" src="http://gravatar.com/avatar/34d5de9ea146b15b0f3bf4382d4fdfae?s=50" />
        a@a.com
      </h1>
    </section>
  </aside>
</div>

    <footer class="footer">
  <nav>
    <ul>
      <li><a href="/about">About</a></li>
      <li><a href="/contact">Contact</a></li>
    </ul>
  </nav>
</footer>
  </div>
</body>
</html>

Last edited by moiseszaragoza (2012-05-22 17:06:46)

Re: droopdown [SOLVED]

It is very easy task but please give me error note so I can solve this problem. I try to do find error but I haven't editor to compile this code. so please give me a error  occur in which line and column. Otherwise you have to use Google code service. This service is very nice and you can get your solution.

Re: droopdown [SOLVED]

i needed to add
//= require bootstrap

to the app/assets/javascripts/application.js  file

Thanks for the help