Форум Сайтостроение Веб-строительство

Вопрос по bootstrap

L
На сайте с 17.05.2013
Offline
88
luckydan
445

Хочу использовать на сайте элементы форм ( текстовые поля и кнопки)

Есть 2 вопроса:

1. Как задавать стили, например кнопок ( я хочу сделать их чуть меньшими) Прописал свой стиль:

<button type="button" class="btn btn-primary">Войти</button>

<style>

.btn { height:25px; margin-top:-9px;}

</style>

Высота кнопки нормальная, но надпись на ней сильно прижата к нижней границе?(см. скриншот) Как ее вертикально выравнять?

2. Я использую только элементы форм. Сам же css файл этой библиотеки занимает 103Кб. У кого-то есть опыт оптимизации такого файла? Тоесть "вынять" только те стили что нужно, а остальное удалить.

jpg kn.jpg
R
На сайте с 18.12.2009
Offline
92
rerighter
#1

Пробовали читать документацию?

http://getbootstrap.com/2.3.2/base-css.html#buttons

"Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes."

А вот и "оптимизация"

http://getbootstrap.com/2.3.2/customize.html

Выбирайте что Вам нужно.

Mik Foxi
На сайте с 02.03.2011
Offline
1165
Mik Foxi
#2

Не нужно ничего вынимать . Грузите все файлы бутстрапа с общеизвестных cdn и будет у юзера уже все в кеше.

Антибот, антиспам, веб файрвол, защита от накрутки поведенческих: https://antibot.cloud/ Форум на замену серчу: https://foxi.biz/
L
На сайте с 17.05.2013
Offline
88
luckydan
#3

Все-равно не могу въехать, подскажите почему идет разное выравнивание: 


<form method="post">

<input type="text" class="input-small" placeholder="">

<input type="password" class="input-small" placeholder="">

<button class="btn btn-small btn-primary" type="button">Small button</button>

</form>
jpg kn.jpg
R
На сайте с 18.12.2009
Offline
92
rerighter
#4

Еще разок документацию почитайте.

http://getbootstrap.com/2.3.2/base-css.html#forms

<form class="form-inline">
L
На сайте с 17.05.2013
Offline
88
luckydan
#5

Прописал class="form-inline" - выровнялось, НО! у меня высота текстовых полей выше чем высота кнопки. Как их выравнять?

jpg kn.jpg
R
На сайте с 18.12.2009
Offline
92
rerighter
#6

В третьей версии Bootstrap есть класс .input-sm

http://getbootstrap.com/css/#forms

Во второй - допиливайте самостоятельно. Все не сложно.

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#7

Господи помилуй!

Неужели вы думаете, что взять и тупо использовать какой либо инструмент можно не зная основ?

Или вы считаете, что кто-то за вас все продумал и сделал одну большую кнопку - "хочу сайт, такой, как хочу!" - нажал и, о чудо!, все готово!

Хочу вас огорчить - такой кнопки нет, ее не существует, более того - не может существовать в природе.

Как поискать в Google В Яндекс.Поиске для сайта В VK Рекламе появился

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий