Twitter Bootstrap Tutorial Question
Last Post 08/21/2013 3:26 PM by Joseph Craig. 2 Replies.
Author Messages
James Jenkins
Nuke Newbie
Nuke Newbie
Posts:1


--
08/15/2013 4:54 PM
    While working through video #2, I noticed that my menu did not look correct after adding all of the snippets and files from the resources folder. Everything looked fine until I replaced the static UL with the snippet provided in the resources folder. Then the menu disappeared. If you collapse the browser you can view the menu when you click on the icon, but it is not viewable at all when the browser is maximized. I double checked that I had added the register snippet to the proper place, and I had copied the menu folder to the server inside the bootstrap folder, and I had complete replaced the UL with the dnn:menu snippet, but it is still broken. The tutorial refers to "span#" rather than "col-lg-#" for scaffolding, so I think it was made with Bootstrap 2.3.2 rather than 3.0, the current version. I have been able to adjust for the scaffolding, but the DDR menu has me stymied. Any ideas on how I can fix this before I move on to the other two videos in this tutorial? The test page is located at http://jjcdevwin.net/dnn/BootstrapTest.aspx. Thanks.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/21/2013 8:28 AM
    WIthout digging too deeply, it looks like you are missing some styles that go with the menu when the page is full width.

    So, check that you have all of the css entered correctly.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/21/2013 3:26 PM
    Whoops ... I shouldn't answer questions like that in the morning before breakfast! Ignore that last message.

    This is odd as the page source shows that DDR Menu is adding the required code to the page.

    It turns out that there is a bootstrap css class (collapse) that is setting display:none and this is not getting activated. Also, there are some other things.

    Could you please attach your skin file to a reply? Also, are you using the bootstrap code that comes in the tutorial, or are you using newer code?

    Joe Craig, Patapsco Research Group
    Complete DNN Support


    ---