Визуальное представление сетки в Bootstrap и Foundation

December 14, 2014

Часто верстаете с использованием Bootstrap или Foundation? Этот букмарклет для вас. Он позволяет визуально увидеть сетку поверх вашей верстки. Все что для этого нужно - перенести кнопку на панель закладок, открыть верстку и нажать на этот букмарклет. Он автоматически наложит столбцы поверх вашего дизайна и вам будет легче рассчитать кол-во столбцов.На странице проекта перенесите на панель закладок кнопку "Try It", откройте вашу верстку и нажмите закладку.

Если система автоматом не распознает фреймворк, то наведите мышкой на верх страницы, там прячется окно настроек букмарклета. Можете выбрать фрейм ворк, тип (тянется или нет), цвета, ширины.

Совместимо с Foundation 2, 3, 4 и 5

Совместимо с Bootstrap 2 и 3

Комментарии

comments powered by Disqus