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 пуст? Или может есть какой-то другой простой способ это сделать?

Собственно "класс" тут никакой роли не играет, т.к. его придумывает человек... А вот ЦСС-свойства и их значения влияют на "показ" элементов на странице. :yes:

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

<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>