Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Поиск по запросу «Bootstrap»

Результаты поиска (51)

1. Практика по CSS в Bootstrap. Отзывы покупателей

22.08.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

Разметка адаптивных отзывов покупателей и добавление аватаров в комментарии пользователей

2. Практика по CSS в Bootstrap. Характеристики товара на списках дескрипторах

15.08.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

Построение списка характеристик товаров интернет-магазина на дескрипторах Bootstrap

3. Практика по CSS в Bootstrap. Текст и заголовки страниц

14.08.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

В этом уроке мы попрактикуемся в разметке заголовков страницы. Обратим внимание на оптимизацию сайта для поисковых систем.

4. «Responsive»-классы в Bootstrap

06.07.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

Чтобы быстро создавать шаблоны, которые будут привлекательно смотреться на мобильных устройствах в Bootstrap существуют специальные классы. О них и пойдет речь в этом уроке.

5. Задание. Создание шаблона с помощью конструктора

14.06.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

На прошлых уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили

6. Задание. Размещение тестовой страницы

12.06.2017 Уроки » Верстка шаблонов на Bootstrap » Введение

На прошлых уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили

7. Вспомогательные классы

11.04.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

Обзор вспомогательных классов Bootstrap: text-muted, center-block, pull-right/left, sr-only, clearfix и другие. Применение вспомогательных классов на сайте uCoz

8. Изображения в Bootstrap

14.02.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

Настройка стиля для изображений: фото товаров и статей в интернет магазине на Bootstrap

9. Формы Bootstrap. Разметка и оформление

07.02.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

На этом уроке вы познакомитесь с элементами форм в Bootstrap. Научитесь оформлять формы в едином стиле и в соответствии со своими потребностями

10. Оформление таблиц в Bootstrap

10.01.2017 Уроки » Верстка шаблонов на Bootstrap » CSS

На этом уроке вы познакомитесь с инструментами оформления таблиц в Bootstrap. Научитесь оформлять таблицы в едином стиле и в соответствии со своими потребностями

11. Оформление текста в Bootstrap

22.12.2016 Уроки » Верстка шаблонов на Bootstrap » CSS

Оформление текста шаблона uCoz с помощью фреймворка Bootstrap: заголовки h1-h6, шрифт, списки, выравнивание, форматирование

12. Каркас сайта (конструктор шаблонов). Теги разметки

20.12.2016 Уроки » Верстка шаблонов на Bootstrap » CSS

Создание каркаса сайта с помощью конструктора шаблонов uCoz и фреймворка Bootstrap. Обзор тегов разметки

13. Каркас сайта (конструктор шаблонов). Переменные

08.12.2016 Уроки » Верстка шаблонов на Bootstrap » CSS

В этом уроке мы с помощью фреймворка Bootstrap поработаем над каркасом сайта и изучим доступные в нем переменные

14. Дополнительные возможности адаптивной сетки CSS на Bootstrap

06.12.2016 Уроки » Верстка шаблонов на Bootstrap » CSS

Обзор дополнительных возможностей CSS сетки Bootstrap: переполнение строк, вложенные ячейки и порядок отображения столбцов

15. Адаптивная сетка CSS для сайта на Bootstrap

01.12.2016 Уроки » Верстка шаблонов на Bootstrap » CSS

В этом уроке мы рассмотрим структуру построения адаптивной сетки Bootstrap и создадим свой первый адаптивный блок на сайте. Пока это будет не сайт полностью, а лишь его часть.

16. Установка Bootstrap на сайт

25.11.2016 Уроки » Верстка шаблонов на Bootstrap » Введение

Из этого урока вы узнаете, как установить фреймворк Bootstrap на сайт uCoz, uWeb. Мы скачаем архив и загрузим на сайт необходимые для подключения файлы

17. Обзор, преимущества, аналоги

24.11.2016 Уроки » Верстка шаблонов на Bootstrap » Введение

Обзор преимуществ и аналогов Bootstrap. Примеры сайтов uCoz созданных с помощью Bootstrap

18. Введение

23.11.2016 Уроки » Верстка шаблонов на Bootstrap » Введение

Добро пожаловать в курс, посвященный применение фреймворка Bootstrap на uCoz. Это ознакомительный урок по созданию шаблонов uCoz на базе Bootstrap

19. Установка Bootstrap на сайт

2016-11-24 12:02:53 Уроки » Верстка шаблонов на Bootstrap » Введение

...и нажмите на кнопку «Download Bootstrap». Распакуйте скачанный архив, его структура будет иметь следующий вид: bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.

20. Оформление таблиц в Bootstrap

2017-01-20 15:37:37 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока Познакомиться с инструментами оформления таблиц в Bootstrap. Что дает использование таблиц Bootstrap? Вот несколько преимуществ, которые можно взять на вооружение при использовании таблиц в Bootstrap: Единый размер ...

21. Изображения в Bootstrap

2017-02-14 22:13:58 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока Познакомиться со стилями вывода изображений в Bootstrap. Обзор классов для изменения фигур изображений: окружность, прямоугольник со скругленными углами. «Отзывчивые» изображения Чтобы изображения подстраивались под ширину экрана и ...создавая горизонтальную полосу прокрутки, в Bootstrap предусмотрен класс img responsive . Используется он очень просто: img src="..." class="img responsive" alt="Отзывчивое изображение"> Этот класс добавляет следующие ...

22. Адаптивная сетка CSS для сайта на Bootstrap

2016-12-01 11:08:10 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока В этом уроке мы рассмотрим структуру построения адаптивной сетки CSS на Bootstrap и создадим свой первый адаптивный блок на сайте. Пока это будет не сайт полностью, а лишь его часть....сетки, которые описаны в документации Bootstrap: Строки помещаются в контейнеры с классом .container или .container fluid с фиксированной или 100% ой шириной соответственно Для обозначении строки ...

23. Формы Bootstrap. Разметка и оформление

2017-02-08 12:03:15 Уроки » Верстка шаблонов на Bootstrap » CSS

...Цель урока Применить формы Bootstrap на сайте uCoz: выбрать единый стиль оформления для всех форм. Где применяются формы на сайте uCoz?...перенести какую либо форму на Bootstrap, следите за тем, чтобы у полей и кнопок совпадали атрибуты name и id . Зачастую именно с этими атрибутами идет взаимодействие ...

24. Оформление текста в Bootstrap

2016-12-20 11:01:04 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока Познакомиться с инструментами оформления текста в Bootstrap. Мы рассмотрим заголовки, основной текст, форматирование, выравнивание, списки, цитаты. Найти применение инструментам оформления в интернет магазине....По умолчанию весь текст в Bootstrap имеет размер font size 14px и высоту строки line height 1,428 . Это касается body> и всех параграфов.

25. Дополнительные возможности адаптивной сетки CSS на Bootstrap

2016-12-01 11:08:31 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока В данном уроке мы рассмотрим еще несколько дополнительных возможностей адаптивной сетки Bootstrap. Эти особенности нам пригодятся при создании макета сайта. Переполнение строк Как вы могли заметить из предыдущего урока, строка имеет размерность ...размерность, как и обычные ячейки Bootstrap. Еще отступ имеет префикс, отвечающий за отображение в зависимости от ширины экрана. В итоге, чтобы задать отступ ячейке, нужно использовать ...

26. Кнопки в Bootstrap

2017-01-31 14:05:55 Уроки » Верстка шаблонов на Bootstrap » CSS

Модель кнопок в Bootstrap имеет поведенческий фактор, т.е. цвет кнопке назначается в зависимости от того, какое событие она вызывает. Отсюда и названия классов.... Кнопки в Bootstrap используется чаще всего. Одинаковые и контекстные кнопки для сайта позволяют правильно расставить приоритеты для пользователя.

27. Практика по CSS в Bootstrap. Текст и заголовки страниц

2017-08-14 16:21:31 Уроки » Верстка шаблонов на Bootstrap » CSS

...вы не сможете использовать таблицы Bootstrap. Но их можно использовать в шаблонах или в редакторе HTML. Другой способ: скопировать Bootstrap стили для всех таблиц на сайте.

28. «Responsive»-классы в Bootstrap

2017-07-07 00:17:15 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока В этом уроке мы рассмотрим классы, которые задают правила отображения контента на устройствах в зависимости от размера экрана....смотреться на мобильных устройствах в Bootstrap существуют специальные классы. О них и пойдет речь в этом уроке.

29. Практика по CSS в Bootstrap. Характеристики товара на списках дескрипторах

2017-08-15 12:37:06 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока Практика построения списка характеристик товаров интернет магазина. В качестве списка характеристик товаров может ...товаров интернет магазина на дескрипторах Bootstrap

30. Практика по CSS в Bootstrap. Отзывы покупателей

2017-08-22 12:44:18 Уроки » Верстка шаблонов на Bootstrap » CSS

Цель урока Научиться выводить адаптивные отзывы и комментарии покупателей на страницах товаров и в гостевой книге.

31. Введение

2016-11-23 12:52:51 Уроки » Верстка шаблонов на Bootstrap » Введение

Bootstrap — это фреймворк, включающий в себя набор HTML, CSS и JavaScript для создания сайтов. Чтобы применять Bootstrap достаточно базовых знаний HTML.

32. Обзор, преимущества, аналоги

2016-11-24 12:03:02 Уроки » Верстка шаблонов на Bootstrap » Введение

Bootstrap представляет собой набор .js и .css файлов, в которых описаны классы для компонентов интерфейса сайта. Кроме того, Bootstrap включает набор иконочных шрифтов Glyphicon, ...

33. Каркас сайта (конструктор шаблонов). Теги разметки

2016-12-20 11:00:42 Уроки » Верстка шаблонов на Bootstrap » CSS

...сайта и с помощью фреймворка Bootstrap создадим каркас сайта. Давайте вспомним прошлый урок. Мы собирались создать каркас сайта, который бы удовлетворял следующему макету: Теги разметки Теги ...1" titleМой первый шаблон на Bootstrap/title link href="/css/bootstrap.min.css" rel="stylesheet" link href="[CSS URL]" rel="stylesheet"> /head body !

34. Каркас сайта (конструктор шаблонов). Переменные

2016-12-01 11:09:03 Уроки » Верстка шаблонов на Bootstrap » CSS

...уроке мы с помощью фреймворка Bootstrap поработаем над каркасом сайта. Напомню преимущества, которые получит наш сайт на uCoz: Адаптивность. Мы предусмотрим корректное отображение сайта на устройствах ...1" titleМой первый шаблон на Bootstrap/title link href="/css/bootstrap.min.css" rel="stylesheet" /head body h1Hello, world!/h1 ! Include all compiled plugins (below), or ...

35. Урок 47. Конструктор шаблонов

2016-02-18 16:41:11 Уроки » Создание интернет магазина » Управление дизайном

ru используется Bootstrap скачать фреймворк ). Я не буду перечислять его плюсы, вы можете самостоятельно ознакомиться с ними на сайте....нем папку css и файл bootstrap.min.css . Этот файл загрузите себе на сайт: Теперь мы готовы к работе. Разметка в конструкторе Шаблон в конструкторе имеет ...

36. Вспомогательные классы

2017-04-11 17:31:27 Уроки » Верстка шаблонов на Bootstrap » CSS

Цвет текста В Bootstrap есть специальные классы, которые помогут передать смысл текста посредством изменения его цвета. Текст класса text muted Текст класса text primary ...чтения с экрана монитора В Bootstrap есть класс, который будет скрыт для всех девайсов, кроме тех, которые читают текст с экранов — sr only .

37. Урок 55. SEO настройки и подстраницы товара

2016-02-18 16:39:28 Уроки » Создание интернет магазина » Товары и категории

...и использовать, например, табы от Bootstrap или другие. Они переключаются без перезагрузки страниц и не плодят ссылки на товары. В этом случае обязательно отключайте все подстраницы.

38. Задание. Размещение тестовой страницы

2017-06-12 22:44:56 Уроки » Верстка шаблонов на Bootstrap » Введение

...уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили. Введите адрес страницы , где подключены файлы css и js фреймворка Bootstrap и нажмите на кнопку «Отправить».

39. Поля ввода

2017-02-01 10:46:25 Уроки » Верстка шаблонов на Bootstrap » CSS

В Bootstrap включена поддержка всех HTML5 типов: text password datetime datetime local date month time week number email url search tel , and ...образом оформляются поля ввода на Bootstrap. За счет каких классов? Ознакомьтесь с размерами, которые могут быть заданы для полей Попробуйте самостоятельно кастомизировать кнопку добавления товара с ...

40. Задание. Создание шаблона с помощью конструктора

2017-06-12 22:55:23 Уроки » Верстка шаблонов на Bootstrap » CSS

...уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили. Вставьте код , который подготовили для конструктора шаблонов и нажмите на ...уроках мы разобрались, как установить Bootstrap на свой сайт. Теперь давайте проверим, как вы это усвоили

41. Итоги. Июнь 2014

2014-07-03 13:29:04 Кейсы »

...и познакомил с CSS фреймворком (Bootstrap). В конце урока вы найдете ссылки на файлы: готовый макет каркаса, а также CSS файл bootstrap.min.

42. Урок 53. Шаблон вид товара в каталоге

2016-02-18 16:39:50 Уроки » Создание интернет магазина » Товары и категории

Если вы используете Bootstrap или аналогичный фреймворк для колоночной верстки, то указывайте в настройках, чтобы товары выводились в одну колонку.... На примере Bootstrap: для блоков с товарами используется класс .col md 3 , а в шаблоне каталога товаров обернут в div с классом .

43. Итоги. Июль 2016

2016-08-04 14:04:08 Кейсы »

...по верстке шаблонов на фреймворке Bootstrap. Скорее всего в августе этот курс будет частично открыт. В июле был опубликован один материал: Яндекс Поиск для интернет магазина ...

44. Итоги. Сентябрь 2016

2016-10-05 10:32:32 Кейсы »

...не удается открыть курс по Bootstrap, там слишком мало уроков. Октябрь крайний срок. Разработка шаблонов и скриптов В сентябре был ряд интересных работ, вот некоторые из ...

45. Итоги. Август 2016

2016-09-07 08:28:47 Кейсы »

...удается пока открыть курс по Bootstrap, там слишком мало уроков. Поэтому открытие курса переносится на сентябрь. Разработка шаблонов и скриптов В августе были выполнены работы по ...

46. uCozMagazines обновлен

2016-04-21 05:26:45 Кейсы »

...первые наброски на бумаге: Решил Bootstrap не менять на другой фреймворк: Потом был период раздумий, много переходных вариантов и в итоге то, что сейчас перед вами.

47. Итоги. Июль 2015

2015-08-05 09:53:51 Кейсы »

У нас Bootstrap, поэтому искать и придумывать ничего не пришлось: ('#basket popover').focus(); $('#basket popover').

48. Итоги. Январь 2016

2016-01-29 11:44:31 Кейсы »

...лендинга, который был выполнен на bootstrap и шаблоне "Страницы сайта": Интернет магазин ювелирных украшений (в процессе) Обзор нововведений в жизни uCozMagazines за январь 2016

49. Кейс №8. Как сбросить фильтры товаров

2016-04-21 00:14:14 Кейсы »

...вы можете использовать взят из Bootstrap: .btn { display: inline block; padding: 6px 12px; margin bottom: 0; font size: 14px; font weight: normal; line height: 1.428571429; text ...

50. Урок 48. Глобальные блоки

2016-02-18 16:41:05 Уроки » Создание интернет магазина » Навигация

Воспользуюсь Bootstrap и разделю шапку на три равных колонки. Для этого я перейду в шаблон глобального блока "Верхняя часть сайта" и изменю ...

51. Урок 66. Шаблон страницы заказа

2017-04-05 10:54:53 Уроки » Создание интернет магазина » Корзина и заказы

...применен стиль большой кнопки из Bootstrap. Не забудьте заменить его на свой. Уведомить о приеме оплаты При должном уровне интеграции способов оплаты статус оплаченного заказа меняется ...

Популярные запросы