Blog > Bootstrap >
When designing and developing with Bootstrap 3 – by default it has always been a case of working with its 12 column grid. But now and then you may have a layout which requires a custom number of equal columns such as 5 which won’t work… so what can be done with Bootstrap 3 to get around this?
For this example I want to show 5 equal columns but only for screen sizes tablets and wider. The reason being I can’t imagine using 5 equal columns for smaller mobile screens, but if required it could be done.
Along with Font Awesome I nearly always use the Bootstrap 3 front-end framework for responsive website development. It allows a quicker workflow than starting from scratch.
But nearly always in a project there are needs to create custom CSS for things like different font sizes etc. So it’s always good to know what widths Bootstrap is using in its own css @media rules.
Here is a quick and easy way of hiding the drop down arrow that appears on a Bootstrap 3 parent menu option/item. The reasons you may want to do this, are maybe due to the design not not having one or you may also want to make the parent option clickable so taking you to another page.