Высота нижнего колонтитула слишком низкая

Question

Как увеличить размер нижнего колонтитула и увеличить размер шрифта?Нужно ли использовать пользовательский CSS?

Вот мой нижний колонтитул -

<div data-role="footer" data-position="fixed">
    <div data-role="navbar">
        <ul>
            <li><a href="#page-1" data-role="tab" data-icon="grid" class="ui-btn-active">Page 1</a></li>
            <li><a href="#page-2" data-role="tab" data-icon="grid">Page 2</a></li>
            <li><a href="#page-3" data-role="tab" data-icon="grid">Page 3</a></li>
        </ul>
    </div>

Answer 1

Вы можете использовать некоторый пользовательский CSS, но это не так много, и это довольно легко сделать:

​.ui-page .ui-footer .ui-btn-text {
    font-size : 20px;
}​

Это изменит font-size текста кнопки в нижнем колонтитуле..ui-page относится ко всем элементам data-role="page", .ui-footer относится к нижнему колонтитулу на каждой странице, а .ui-btn-text относится к элементу span внутри кнопок навигации, который содержит текст каждой кнопки.

Вот пример: http://jsfiddle.net/qXVhv/

Вы можете изменить height панели навигации, изменив height элементов ссылки:

.ui-page .ui-footer .ui-navbar a {
    height : 100px;
}​

Вот пример: http://jsfiddle.net/qXVhv/1/