Results 1 to 8 of 8

Thread: Centering image

  1. #1
    Junior Member
    Join Date
    Mar 2015
    Posts
    4

    Centering image

    hello i would like to center an image followed by centered text on my page but don't like the cover template exemple as i find it too confusing. How do I please get about the same template on a full screen using container-fluid?
    Many thanks.

  2. #2
    Junior Member
    Join Date
    Mar 2015
    Posts
    12
    What have you tried? Please post some code. Do you have a link to the template that you are referring to?

  3. #3
    Junior Member
    Join Date
    Mar 2015
    Posts
    4
    Quote Originally Posted by dmikester1 View Post
    What have you tried? Please post some code. Do you have a link to the template that you are referring to?
    Thanks dmikester1, I am trying to achieve the same as the cover tremplate http://getbootstrap.com/examples/cover/ howeer i would like to be able to change the navbar and the footer to go full screen using the container-fluid class and also the content area to full width whenever needed.

  4. #4
    Junior Member
    Join Date
    Mar 2015
    Posts
    4
    Anyone????????????? Please!

  5. #5
    Junior Member
    Join Date
    Mar 2015
    Posts
    12
    It looks like like in that example ".cover-container" has a width of 700px. I removed that and everything went full width. Is that what you are asking? Do you have your site online somewhere that we could look at?

  6. #6
    Junior Member
    Join Date
    Mar 2015
    Posts
    4
    dmikester1
    Here is the link http://school.upfrontech.com/ . As you can see the top menu dropped below.. And yes i would like to have the cover website in full width while maintaining the logo in the center on the home page.

  7. #7
    Junior Member
    Join Date
    Mar 2015
    Posts
    12
    Quote Originally Posted by moisea View Post
    dmikester1
    Here is the link http://school.upfrontech.com/ . As you can see the top menu dropped below.. And yes i would like to have the cover website in full width while maintaining the logo in the center on the home page.
    Thanks for the link. It looks like the same issue exists with your site as earlier example you provided. The div with class of "cover-container" has a width of 700px applied to it. Remove that line of "width: 700px;" and it should go full width for you. I'm not sure what you mean by the "top menu dropped below".

  8. #8
    Junior Member
    Join Date
    Mar 2015
    Location
    London
    Posts
    8
    lol @ 'What have you tried?'

    haha

    but I agree with him moisea, show us what you've tried so far - a link would help.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •