есть проблема в выравнивании элементов, на данный момент, есть такое (лишнее в коде убрал, чтобы была видна только необходимая структура), используется Bootstrap v3.3.7:
<div class="row">
<div class="col-md-6">
<div class="tile">
<h3 class="tile-title">Категории новости</h3>
<div class="container">
<div class="row">
<div class="toggle-flip col-md-2">
<label>
<input class="checkbox" type="checkbox">
<span
class="flip-indecator"
data-toggle-on="Вкл"
data-toggle-off="Выкл"
></span>
</label>
</div>
<div class="col-md-6">
<p class="title"></p>
</div>
<div class="btn-group col-md-4">
<a class="btn btn-primary"><i class="fas fa-arrows-alt"></i></a>
<a class="btn btn-primary"><i class="fa fa-lg fa-edit"></i></a>
<a class="btn btn-primary"><i class="fa fa-lg fa-trash"></i></a>
</div>
</div>
</div>
</div>
</div>
Внешне получается так:
Когда уменьшаешь страницу получается так:
Как сделать, чтобы блоки не налазили друг на друга?
container
это родительский класс, который содержитrow
а не наоборот? – teran 23 июн '18 в 12:00col-sm-12
илиcol-xs-12
тогда всем блокам. и уберите вложенный.container
– teran 23 июн '18 в 12:09