Blog > Bootstrap >

10 Aug
2015

bootstrap icon grafxflow

Bootstrap 3 custom number of columns in grids

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.

Continue reading…

Tagged: < | | | >
Posted in: <Bootstrap>

09 Aug
2015

bootstrap icon grafxflow

Bootstrap 4, 3 and 2 css @media rules widths

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.

Continue reading…

Posted in: <Bootstrap>

13 Apr
2014

bootstrap icon grafxflow

Bootstrap 3 hide menus dropdown arrow

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.

Continue reading…

Posted in: <Bootstrap>

smart search