PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Превьюшки в Bootstrap 3

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Hidalgo	Отправлено: 08 Июля, 2014 - 14:57:44
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Февр. 2012 Откуда: Димитровград Помог: 1 раз(а)	Добрый день! Стал делать превьюшки картинок, которые загружены пользователями, столкнулся с такой проблемой. В бутстрап количество столбцов разметки равно 12. Т.е., если сделать ширину столбца равной 3, то в одну строку влезет 4 столбца. Но у меня что то не выходит. Вот код, хотел сделать 6 колонок в одном ряду, подскажите где косяк? CODE (html): скопировать код в буфер обмена <div class="panel panel-danger"> <div class="panel-heading"> <h3 class="panel-title">Список загруженных изображений</h3> </div> <div class="panel-body"> <form method="POST" id="formid" role="form" action="/admin/content/edit"> <? foreach ($this->img as $key => $file) { ?> <div class="form-group col-md-2"> <div class="row"> <div class="form-group col-md-12"> <img src="/data/img/preview/<?= $file ?>" class="img-thumbnail"> </div> <div class="form-group col-md-12"> <a href="#">Удалить</a> </div> </div> </div> <? } ?> </form> </div> </div> Прикреплено изображение (Нажмите для увеличения) (Отредактировано автором: 08 Июля, 2014 - 15:02:46)

IllusionMH	Отправлено: 08 Июля, 2014 - 15:11:20
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Hidalgo, вот дак должны быть вложены элементы div.container>div.row>div.coll-md-2*6

Hidalgo	Отправлено: 08 Июля, 2014 - 15:16:23
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Февр. 2012 Откуда: Димитровград Помог: 1 раз(а)	Все равно не получается CODE (html): скопировать код в буфер обмена <div class="container"> <div class="row"> <? foreach ($this->img as $key => $file) { ?> <div class="col-md-2"> <img src="/data/img/preview/<?= $file ?>" class="img-thumbnail"> </div> <? } ?> </div> </div>

IllusionMH	Отправлено: 08 Июля, 2014 - 15:32:19
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Hidalgo, а закрывать и открывать div.row после каждого шестого изображения?

Hidalgo	Отправлено: 08 Июля, 2014 - 15:38:04
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Февр. 2012 Откуда: Димитровград Помог: 1 раз(а)	IllusionMH пишет: Hidalgo, а закрывать и открывать div.row после каждого шестого изображения? А, вон оно че Спасибо)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

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