Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Bootstrap and CSS not playing well together

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 20, 2016 at 9:55 pm #243022
    iangdesign
    Participant

    I’m having trouble with some code not talking to each other. I am using mostly bootstrap to build out my portfolio.

    There is supposed to be a fixed header across the top of my page and the thumbnail images are supposed to click into a lightbox. Something happened recently and neither are working now. I’m hoping a different set of eyes can see something I am not. Nothing looks different in the code since it last worked.

    Any help would be greatly appreciated.

    url is iangdesign.co

    Can anyone see something I can not?

    June 21, 2016 at 2:57 am #243028
    Atelierbram
    Participant

    There is supposed to be a fixed header across the top of my page

    Am not seeing a beginning header-tag in the source code. Also some other errors like missing a end head tag, and beginning body tag, and html element included twice. Wrong doctype-declaration, should be just <!doctype html> for HTML5.

    and the thumbnail images are supposed to click into a lightbox

    Am not seeing any javascript included for this.

    Fixed some of this up:

    http://codepen.io/atelierbram/pen/QEGWgR

    June 21, 2016 at 12:49 pm #243039
    iangdesign
    Participant

    Thank you for your response. I found the missing end head tag, and beginning body tag. That fixed the header issue.

    Can you point out the double html tag? I am not seeing it. My code looks identical to what you fixed in Codepen, but is still not showing the lightboxes like your example on Codepen.

    Thanks again!

    June 22, 2016 at 2:20 am #243048
    Atelierbram
    Participant

    Can you point out the double html tag? I am not seeing it.

    No I can’t anymore, now they’re both gone …, better include the beginning html tag at least ones ;)

    Which tools do you use? Do you use Chrome DevTools? Do you “view source”?
    Do you use a CMS, or some kind of templating system or a static site generator?

    My code looks identical to what you fixed in Codepen, but is still not showing the lightboxes like your example on Codepen

    Like I wrote earlier, you got to include the javascript for this; in my demo it’s included, but one has to look a bit further (hint: javascript tab/gear icon), just like the CSS is included as an external source; from your website BTW.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.