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

Home Forums CSS Twitter Bootstrap – Responsive positioning issues

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #42347


    Currently building a website with Bootstrap for the first time. It’s been simple and the responsive side is awesome! But I do have a few things I can’t quite sort out.

    See, I made this website a few months ago when I was just starting out ( using Dreamweaver and tables… which I now realise was a big mistake. Hey-ho, I spent a few months properly studying HTML and CSS and have now been learning Boostraps ways.

    So far I have this:

    AGHicks Homepage

    Northampton 01604786464

    Mobile 07710537685

    Welcome to AGHicks Building Services website! We are a Northampton based, family run company with over 20 years experience. Hardwork, efficiency and reliability are instilled throughout the workforce and we have gained a strong reputation through word of mouth.

    Northampton Based

    Free Quotes

    No Job Too Small

    Competitive Prices


    • Conservatories
    • Extensions
    • Window & Door Refits
    • Bricklaying
    • Driveways
    • Carpentry
    • Patios
    • Stonework

    • Plastering
    • Kitchen & Bathroom Refits
    • Tiling
    • Fencing
    • Fascias
    • Garages & Carports
    • Guttering

    The issues I’m having can be seen is in these pictures,CbbVrv7#0

    (The border around the body will be removed and the styling of the navbar will be changed)

    In the first image (desktop size),you’ll see that the phone numbers icon doesn’t line up next to the actual numbers and both the icon and the text aren’t aligned with the bottom of the logo. I can achieve this by using padding, but then when you reduce the width of the browser the padding remains and causes huge gaps in the page.

    Second issue in the first image is that I cannot get those icons and red text in the middle right area to appear in a ‘grid’ formation like on is currently.

    Lastly, On the second image, when the browser width is reduced the two lists down appear in line with each other when there is clearly enough space.

    Any help with any of the problems would be massively appreciated :)

    Thanks for reading this wall of text!

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.