Не знаю, как вы с CSS в целом, но это очень простая задача — уменьшить отступы, уменьшить шрифты, увеличить количество колонок, если нужно. У Bootstrap есть контрольный файл с переменными, которые вы можете поменять и скомпилировать свою вариацию. Ну или как вариант — написать свой CSS-фреймворк для конкретного проекта.
Справа есть панель с instance. Нужно выбрать корневой слой компонента.
«Знак паузы» — это визуальная иконка слоя, для которого был применен autolayout с горизонтальным направлением. Есть перевёрнутая «пауза» для вертикального autolayout.
