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

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/