solobutova@mail.ru,
У Вас много не нужных классов и логика не продумана до конца.
1. Если Вы объявляете класс
collapsed, то логично полагать, что он применён к "свёрнутым" кнопкам.
А какой вид эти кнопки имеют по умолчанию при загрузке страницы? Свёрнутый. Значит, по умолчанию им должен быть присвоен класс
collapsed.
2. Bootstrap новичкам не нужен, вредит только - моё мнение. Т.к. Вы, пользуясь им, не научитесь понимать многие аспекты вёрстки и CSS непосредственно. Перебирайте весь функционал вручную, тем более, на простых макетах, вроде Вашего.
3. Если я правильно понял задачу, стремились получить
что-то в таком роде?