My Nav bar no longer works

[nakbar11]

I am using bootstap to create a responsive site. It was goin well until the dropdowns just stopped working. Also when I upload my file somewho in the process when it reaches to the other side all my documents are blank. So I used filezilla insted, that worked but the dropdowns still didn't work. At that point I figured maybe the copy of dreamweaver cc was curpt so I deinstalled and reinstalled a clean version, the recreated my bootstrap document and still no results. I'm out of ideas... I really need to move forward with this project. does anyone have any suggestions? I was thinking maybe the Javascript needed upgrading but I do have the latest verion of the program....Someone please help.

-Nathifa

[Jon Fritz]

Could you provide a link to your work in progress so we can see what's happening with your code in the browsers?

[nakbar11]

Here is the link vetts.com

[Jon Fritz]

Something has gone wrong with your jquery and bootstrap javascript files at the end of your code.

The files have been uploaded, but are corrupt. When I click to view their source code, I only get a blank white page.

[nakbar11]

yeah... I guessed it was the code but I wonder why it disappers when it transfers? Im usuing defult code from the insert bootstrap components...

[Jon Fritz]

Are those two files corrupted in your local copies?

If not, you could try re-uploading them through DW or get the Filezilla Client and see if anything changes there.

However, if it stopped working locally, my guess would be those two files are empty locally as well.

[nakbar11]

Locally it's not currpted, I even tried recreating the files just incase. On this side the files are fine something happens to them when I do fpt on both DW and filezila.

[Jon Fritz]

Usually, if something is happening to your files on upload between both DW and FZ, there's a server issue.

It may be worth talking to your hosting company and letting them know that in two very different, unrelated FTP applications, you're getting the same "empty file upload" result on your javascript files. They may have some insight as to what's happening between your computer and theirs.

[nakbar11]

this was some of the notes, I'm a little new at this but doesn't this just mean that js.won't work locally?

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

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  <!--[if lt IE 9]>

   <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  <![endif]-->

[Nancy OShea]

I've stopped using scripts for pre IE9 only browsers.  IE8 is end of life now.

For Bootstrap layouts, you must have the Bootstrap CSS, jQuery JS and Bootstrap JS in that order.  Without those 3, your components won't work.

You can use CSS & Scripts hosted on CDNs (I prefer to work that way).  It's faster for the web and it saves you from having to host them on your own server.

Simply replace what you have now  with these.

<!--latest minified Bootstrap CSS-->

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!--latest minified jQuery-->

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="crossorigin="anonymous"></ script>

<!--latest minified Bootstrap JS-->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Nancy

[nakbar11]

Yes thank you for that information I will look into that for sure. I did figure it out I just tried uploading a clean version again through filezilla again and it worked... but thank you all, I really don't like using the defult preset code but i'm new to bootstrap I suppose it will get easier as I get a bit more familiar.

[Jon Fritz]

The two scripts that were having the issues are the ones at the end of your code...

js/jquery-1.11.3.min.js

js/bootstrap.js

...they control what special effects in Bootstrap do.

Something still isn't right communicating with your server. Your last upload changed your file and mashed everything into a single line in your html.

[Nancy OShea]

<Your last upload changed your file and mashed everything into a single line in your html.>

That sounds like an improper line break type.

Go to Edit (Win) > Preferences > Code Format.  Change the line break type to something compatible with your system.