Skip to content

Modal Footer Buttons | Styling #2

@bretonio

Description

@bretonio

Modals work very nicely for me except that the '.footer` buttons do not display properly. They are not displayed inline and do not reflect the assigned styling.

My Pug code follows. Pardon my Portuguese and thanks.

				button.btn.warning.large(data-toggle='modal', data-target='#live-modal', style='margin: 0 auto;') Lance o Diálogo

				#live-modal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='myModalLabel', aria-hidden='true')
					.dialog
						.content
							.header
								button.close(type='button', data-dismiss='modal')
									span(aria-hidden='true') 
										i.fa.fa-times.fa-lg
								h4#myModalLabel Latim de Mentira ao Gogo
							.body
								| Mea ex modo quaeque deseruisse, quo minim vivendum necessitatibus no. Vix elit ceteros in, an est appareat partiendo, quem lorem choro no vel. Gubergren inciderint in qui, sea in legimus accumsan legendos. Id clita iudicabit per, et debet deserunt perpetua sit, no vis commune inimicus. Et salutandi conclusionemque vel, usu id prompta eruditi commune, an dicam accumsan constituam nam. Vis aliquid mentitum detraxit id.

							.footer
								button.primary(type='button', data-dismiss='modal') Fechar
								button.warning(type='button') Salvar

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions