Как создать «сетку» из кнопок фиксированного размера с фиксированными расстояниями между ними?

Question

[dustik]

Здравствуйте.

Прошу вас подсказать, как можно реализовать следующее средствами twitter bootstrap:

* на картинке все кнопки квадратные размером 50х50 px, расстояние между кнопками 10 px

Если реализовать средствами twitter bootstrap не возможно, прошу подсказать, как можно подобное реализовать средствами CSS и HTML.

Заранее благодарен.

Answer 1

[joger]

.knopka{ width:50px; height:50px; margin: 0 10px 10px 0; float:left; }
или я слишком просто понял?

Comments

[SkiF_TLT]

Подозреваю, что имелось ввиду именно это.
Просто пользование всякими готовыми бутстрапами притупляет умение «зрить в корень» )

P.S. Ну и я бы еще добавил к этому же стилю

line-height:50px;
text-align:center;

чтобы сразу буквы центрировать. Подозреваю человек что-то вроде виртуальной клавиатуры ваяет.

[dustik]

Здравствуйте.

Спасибо за ответы.

Не совсем клавиатура, это будет алфавитный указатель для каталога библиотеки.

решение joggera предельно лаконичное, я прежде чем спросить попробовал файлик bootstrap.css (пытался извратиться над пагинатором) поковырять у меня даже, что-то получилось, но то что получилось было мне не очевидным, поэтому спросил здесь.

Есле еще поможете расставить кнопки друг под другом буду предельно признателен: jsfiddle.net/Hvtn2/

[dustik]

Вроде бы все получилось. Еще раз спасибо.

[joger]

как-то так
jsfiddle.net/QeTu4/1/

Answer 2

[pxx]

Судя по всему, следом за jQuery-программистами без знания JavaScript подтягиваются Bootstrap-верстальщики без знания HTML+CSS.

Comments

[Богдан Насиковский]

согласен с @kulakowka ... нужно Евгения Попова попросить создать курс "Бутстрап за 12 часов"

Answer 3

[kotia]

> Есле еще поможете расставить кнопки друг под другом
p {
clear: both;
}