Alignment classes

Text

{{{#!wiki text-left
Left aligned text.
}}}

{{{#!wiki text-center
Center aligned text.
}}}

{{{#!wiki text-right
Right aligned text.
}}}

Images with text

{{{#!wiki image-left clearfix
{{https://wiki.gnome.org/Apps/TemplateFancy?action=AttachFile&do=get&target=appname-logo.png}}
Left aligned image with text.
You should always use the __clearfix__ class when aligning an image to clear the float.
}}}

{{{#!wiki image-left clearfix
{{https://wiki.gnome.org/Apps/TemplateFancy?action=AttachFile&do=get&target=appname-logo.png}}
Right aligned image with text.
You should always use the __clearfix__ class when aligning an image to clear the float.
}}}

{{{#!wiki image-left content-style clearfix
{{https://wiki.gnome.org/Apps/TemplateFancy?action=AttachFile&do=get&target=appname-logo.png}}
= Left aligned image with text. =
You can also style the content of the image! The __content-style__ class is the secret.
}}}

Headings

Heading with image and line on both sides

{{{#!wiki image-header
{{https://wiki.gnome.org/BastianIls%C3%B8/Newcomers/SolveProject?action=AttachFile&do=get&target=Documentation-header-icon.png}}
Heading
}}}

Spacing classes

padding-bottom-sm and padding-bottom-lg classes add a space under your content. Keep in mind that they can't work with the clearfix class in the same div.

Buttons

Buttons can be also aligned using the alignment text classes.

{{{#!wiki btn btn-default text-right
[[page|Default button]]
}}}

{{{#!wiki btn btn-blue text-center
[[page|Blue button]]
}}}

{{{#!wiki btn btn-green
[[page|Blue button]]
}}}

Page Header

{{{#!wiki image-left app-header clearfix
{{attachment:image}}
= Heading =
== description ==
}}}

Page Navigation

{{{#!wiki navigation-bar
 * '''[[Page/|Home]]'''
 * [[Page/AnotherPage/|AnotherPage]]
}}}

Navigation with images

{{{#!wiki navigation-bar
 * {{https://wiki.gnome.org/BastianIls%C3%B8/Newcomers?action=AttachFile&do=get&target=choose-project.png}} [[#|Link]]
 * {{https://wiki.gnome.org/BastianIls%C3%B8/Newcomers?action=AttachFile&do=get&target=build-project.png}} [[#|Link]]
 * {{https://wiki.gnome.org/BastianIls%C3%B8/Newcomers?action=AttachFile&do=get&target=solve-task.png}} [[#|Link]]
 * {{https://wiki.gnome.org/BastianIls%C3%B8/Newcomers?action=AttachFile&do=get&target=submit-patch.png}} [[#|Link]]
}}}