Jump to content
Jan Heder

Bootstrap menu items position

Recommended Posts

Hello, I'm using Bootstrap grid (1170px) when working in photoshop, and I'm curious which one of the 2 options on the img is right. In CSS there is -15px side paddings making it 1140px wide but I don't know if it apply for menu items - for their boxes. I'm guessing the second one is right, but I'm not sure.

Than you for any advice.


Share this post

Link to post
Share on other sites

Both are right. It's up to the client as to which one they prefer.


And don't use bootstrap for your menus - the code is awful. In fact the whole bootstrap CSS is a bloated monster. You can achieve the same results with a tenth of the code.


In any case, why are you using photoshop to build the layout? I thought this method of web design went out the window years ago...

Share this post

Link to post
Share on other sites

I only use Bootstrap GRID to make layouts, not code with Boostrap. In fact I'm webdesigner, not developer, so I just make layouts and others code it (still can't figure out how to call myself, since it seems everybody tend to merge designer and developer together - you say you are webdesigner and they want you to go code in javascript). Question if Bootstrap is garbage, well, few people still using it so I would say it's about personal preferences - like all frameworks.


And why I'm usign "outdated" photoshop? Well, because most clients want .psd format file. Beside that, what would you suggest to use, I tried few WYSIWYG SWs like Macaw and I must say that workflow is quite awfull, you need to focus on both design and code in the same time and thats often really hard and tiresome (both brain hemispheres).

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By colinbrazier
      Hi everyone,
      My dropdown multi-level menu at www.fobgfc.org doesn't work with touch devices.  It doesn't drop down at all.  Basically because it makes use of :hover.
      I'd like the functionality to behave like the menu on www.chipsteadfc.org.uk
      I will consider using jQuery.  
      How's best to do this please?
    • By RobDoyle
      Just curious on how the members here like to build their websites, or do you use an array of methods?
    • By propertysolvers
      Hello all,

      I´ve just come across this forum through browsing online and hope people do not mind the direct question.

      I have been working with a developer on a site for well over a year now: https://www.propertysolvers.co.uk/. However, stupidily, I didn´t think about creating a navigation during the initial design phases.

      We´re both at a bit of a loss as to what to do now and thought it would be worth asking other web designers / developers.
      The idea will be to have some kind of dropdown navigation menu somewhere at the top of the site which will have 15-16 different landing page links. The challenge we´re having is where to place the navigation, bearing in mind that the site needs to be responsive and not look silly when the drop down menu is selected as there is a rather long list

      I was thinking of having some kind of "hamburger" menu option (something along the lines of what´s been applied to http://www.politico.com/). However, the developer generally believes it would be too cumbersome / long winded to use - i.e. having to keep opening up the navigation to change page.

      I´m not sure if I´m explaining things well here so please feel free to ask for any clarifications.

      Any suggestions / recommendations would be much appreciated.


    • By welsh-rich
      Hi, guys not been on here for a while, been concentrating on my IT degree for the last year, anyway I'm working on something that is like a portfolio page that I'm hoping as my work grows I can showcase it through my own site. currently, I'm stuck on getting my logo i created using adobe illustraitor lto go into the left hand corner of my navbar ill list my code below please excuse any noobie typos as i am still new at this whole coding thing.
      <!DOCTYPE html> <html lang="en">
      <head> <title>RPM Designs</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head>
      <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"><img src="diy.ai" alt="diy" /></a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <!-- <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Richard <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">About me</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact me</a></li> </ul>--> </li> <li><a href="#">About me</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact me</a></li> </ul> </div> </nav>
      <div class="container text-center"> <h3>Navbar With Dropdown</h3> <p>This example adds a dropdown menu for the "Page 1" button in the navigation bar.</p> </div> </body>
      All help and criticism is welcome as its only constructive in my eyes and ignore the stuff I commented out as that's something I'm toying with
    • By infrawebtech
      I am very new to AngularJS and planning to get a web page using Angular Routing in home page contents. I want to get a demo page but can't find any on the internet.
      Can somebody suggest some templates having content using with Angular Routing ? That will help me to get startup.
      thanks you!
  • Recently Browsing

    No registered users viewing this page.

  • Member Statistics

    • Total Members
    • Most Online

    Newest Member
  • Forum Statistics

    • Total Topics
    • Total Posts