Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.12.2016, 22:33
Профессор
Отправить личное сообщение для dima85 Посмотреть профиль Найти все сообщения от dima85
 
Регистрация: 14.03.2010
Сообщений: 194

bootstrap и gris
Я использую такие блоки
<div class="row">
<div class="col-sm-6" id="block1">
text
</div>
<div class="col-sm-6" id="block2">
text2
</div>
</div>


В эти блоки динамически добавляет тект.
Есть какой-то class который позволит блок 1 сделать width:100% если блок 2 пуст? Или может есть какой-то другой простой способ это сделать?
Ответить с цитированием
  #2 (permalink)  
Старый 30.12.2016, 08:53
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от dima85
Есть какой-то class который позволит блок 1 сделать width:100% если блок 2 пуст?
Собственно "класс" тут никакой роли не играет, т.к. его придумывает человек... А вот ЦСС-свойства и их значения влияют на "показ" элементов на странице.

Как вариант...

<style type='text/css'>
.row {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
}
.col-sm-6 {
	flex-grow: 1;
}
.col-sm-6:first-child {
	background-color: red;
}
.col-sm-6:last-child {
	background-color: green;
}
.col-sm-6:empty {
	flex-grow: 0;
}
</style>
<div class="row">
	<div class="col-sm-6">text</div>
	<div class="col-sm-6">text2</div>
</div>
<div class="row">
	<div class="col-sm-6">text</div>
	<div class="col-sm-6"></div>
</div>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Верстальщик Bootstrap (Удаленно) kirdk Работа 1 19.04.2016 00:31
typeahead bootstrap 3 + bootstrap модальное окно velllum Ваши сайты и скрипты 2 19.10.2015 19:34
AngularJS Bootstrap динамический контент - проблемы с виджетами и связыванием vsimashko Angular.js 2 30.07.2014 19:04
Закрытие модального окна от bootstrap carroty jQuery 0 11.10.2013 01:54
Подключение Bootstrap Markdown Vorobey Библиотеки/Тулкиты/Фреймворки 1 08.05.2013 11:40