Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.02.2017, 12:02
Аватар для Black_Star
Профессор
Отправить личное сообщение для Black_Star Посмотреть профиль Найти все сообщения от Black_Star
 
Регистрация: 11.07.2016
Сообщений: 300

Bootstrap под мобильные и планшеты. Выравнивание.
Добрый день уважаемые, помогите, пожалуйста разобраться как данный пример
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
	<style>
		.wrapen{
			width: 100%;
			height: 100%;
			background-color: #00f;
		}

		.block{
			width: 100%;
			margin: 1%;
			height: 100px;
			background-color: #666;
			border: 1px solid #f00;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="row ">
			<div class="col-md-12">
				<div class="wrapen">
					<div class="row">
						<div class="col-md-4 visible-md visible-lg">
							<div class="block"><img src="" alt="img1" /></div>
							<div class="block"><img src="" alt="img2" /></div>
							<div class="block"><img src="" alt="img3" /></div>
						</div>
						<div class="col-md-4 visible-md visible-lg">
							<div class="block"><img src="" alt="img3" /></div>
							<div class="block"><img src="" alt="img4" /></div>
							<div class="block"><img src="" alt="img5" /></div>
						</div>
						<div class="col-md-4 visible-md visible-lg">
							<div class="block"><img src="" alt="img6" /></div>
							<div class="block"><img src="" alt="img7" /></div>
							<div class="block"><img src="" alt="img8" /></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

codepen.io/anon/pen/BWBXEx
Отобразить для размеров -sm -xs в две колонки, по 5 и 4 изображений в каждой. Как на фото. (при -md b -lg, должно быть как изначально задано 3 колонки по 4 фото)
Изображения:
Тип файла: jpg Untitled-1 copy.jpg (169.7 Кб, 2 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подогнать размер окна под мобильные устройства chever Javascript под браузер 4 04.05.2015 11:28
Что означает [^] riva Общие вопросы Javascript 26 07.08.2014 20:42
OpenSource шаблон под Bootstrap 3 devoops Ваши сайты и скрипты 1 24.02.2014 10:20
Разработка под мобильные устройства J_O_K_E_R Мобильный JavaScript 0 11.01.2014 17:46
Вёрстка под Андроид..(и мобильные браузеры.) Mike_Kharkov (X)HTML/CSS 7 07.07.2013 14:47