<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://combowiki.combostrap.com/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://combowiki.combostrap.com/feed.php">
        <title>ComboStrap - howto</title>
        <description>Create your footprint that last ForEver. Advertise yourself, your documentation or your company with a product that makes website design, creation and management, unique, easy and fun</description>
        <link>https://combowiki.combostrap.com/</link>
        <image rdf:resource="https://combowiki.combostrap.com/_media/logo.svg" />
       <dc:date>2026-05-02T07:41:06+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/bootstrap-custom?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/box-center?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/date?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/frontend_optimization?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/grid_generated?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/grid_split_2?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/howto?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/html?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/image_center?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/install_app?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/iterator-list-event?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/iterator-list?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/landing-page?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/link_center?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/pdf?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/stylesheet-bootstrap?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/text-align-breakpoint?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/text-align?rev=1773827138&amp;do=diff"/>
                <rdf:li rdf:resource="https://combowiki.combostrap.com/howto/theme-creation?rev=1773827138&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://combowiki.combostrap.com/_media/logo.svg">
        <title>ComboStrap</title>
        <link>https://combowiki.combostrap.com/</link>
        <url>https://combowiki.combostrap.com/_media/logo.svg</url>
    </image>
    <item rdf:about="https://combowiki.combostrap.com/howto/bootstrap-custom?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>ComboStrap Styling - How to create and add your own Bootstrap stylesheet</title>
        <link>https://combowiki.combostrap.com/howto/bootstrap-custom?rev=1773827138&amp;do=diff</link>
        <description>ComboStrap Styling - How to create and add your own Bootstrap stylesheet



This article shows you how to create and install your own custom Bootstrap Stylesheet to fit your styling needs.

	*  This article was written for Bootstrap 4 but the steps should be relatively the same for Bootstrap 16 grid Stylesheeattributecss variableNodeGiCombostrap Bootstrap versionscss/_variables.scss-state-property-modifiernamestatepropertymodifier!defaulgrid of 16 columns with a max width of 1280pxcontrastdist\c…</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/box-center?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title></title>
        <link>https://combowiki.combostrap.com/howto/box-center?rev=1773827138&amp;do=diff</link>
        <description>This howto shows you how to center a box component.</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/date?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to format a date ?</title>
        <link>https://combowiki.combostrap.com/howto/date?rev=1773827138&amp;do=diff</link>
        <description>This page shows you how to format a date.</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/frontend_optimization?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to speed up your page performance for search engines?</title>
        <link>https://combowiki.combostrap.com/howto/frontend_optimization?rev=1773827138&amp;do=diff</link>
        <description>How to speed up your page performance for search engines?



public front end optimization is a ComboStrap module that reduces the page overhead when a public / anonymous / search engine user is navigating your website in order to speed performance and increase the seo score.



ComboStrap is build only around:

	*  BootStrap.
	*  and web components (ie theBootStrap filthe public page cachsearch enginesenableMinimalFrontEndCsconfigurationdisableDokuwikiStylesheeconfigurationMinimizeComboStraboot…</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/grid_generated?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to generate and layout a list of pages with a grid and their image?</title>
        <link>https://combowiki.combostrap.com/howto/grid_generated?rev=1773827138&amp;do=diff</link>
        <description>This howto shows you how to use the page sql, a fragment, the iterator and to generate a grid layout.</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/grid_split_2?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to split the horizontal space in two with the grid component ?</title>
        <link>https://combowiki.combostrap.com/howto/grid_split_2?rev=1773827138&amp;do=diff</link>
        <description>How to split the horizontal space in two with the grid component ?



This howto shows you how to split the horizontal space in two with the grid component.

The grid component splits the horizontal space across its children.

By default, it will do it across:

	*  4 children in a large screen (lg)medium screen (mdsmall screen (smmobile screen (xsbox</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/howto?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title></title>
        <link>https://combowiki.combostrap.com/howto/howto?rev=1773827138&amp;do=diff</link>
        <description>This section regroups all HowTo that show you how to do step by step</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/html?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to add HTML , Css, and Javascript directly to the content of your pages?</title>
        <link>https://combowiki.combostrap.com/howto/html?rev=1773827138&amp;do=diff</link>
        <description>This article shows you how you can add HTML, CSS, or Javascript to the content of your markup page.</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/image_center?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title></title>
        <link>https://combowiki.combostrap.com/howto/image_center?rev=1773827138&amp;do=diff</link>
        <description>This howto show you how to center an image.



To center an image there is two possibilities:

	*  with the 
	*  and with the 



With the space syntax, to center an image, you add a space after {{ and before }}. 

More information on the space syntax can be found in theimage position sectioalign attributecenter</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/install_app?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How a user can install your app on their home screen?</title>
        <link>https://combowiki.combostrap.com/howto/install_app?rev=1773827138&amp;do=diff</link>
        <description>How a user can install your app on their home screen?



Combostrap applications are fully progressive web app and can therefore be installed on the home screen of any mobile or desktop.



This section shows you how to add it to your home screen and use it as a native app. Add to Home Screen.Add to Home Screen.</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/iterator-list-event?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to generate a list of events?</title>
        <link>https://combowiki.combostrap.com/howto/iterator-list-event?rev=1773827138&amp;do=diff</link>
        <description>How to generate a list of events?



This howto shows you how you can generate a list of pages event with the iterator components.









page sql







	*  a list element
	*  with the date_start and date_end formated date of a page event
	*  with a link created from:
			*  the path 
			*  and the title variables












You can use any component to layout your pages.</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/iterator-list?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How can I generate a list of pages?</title>
        <link>https://combowiki.combostrap.com/howto/iterator-list?rev=1773827138&amp;do=diff</link>
        <description>How can I generate a list of pages?



This howto shows you how you can generate a list of pages with the iterator components.









page sql







	*  a list element
	*  with a link created from:
			*  the path 
			*  and the title variables












You can use any component to layout your pages. 

For instance, you can add them in a grid:</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/landing-page?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to create a landing page?</title>
        <link>https://combowiki.combostrap.com/howto/landing-page?rev=1773827138&amp;do=diff</link>
        <description>How to create a landing page?



This article shows you how to create a landing page with the markup component

A landing page is a page with big horizontal sections that shows off your product or services.





For your page, you should first choose the landing value as template for your page
in themetadata managebar componenhero spacinheight attributgrid layoubackgroundhome page of this websithandlebars template</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/link_center?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to center a link or a button ?</title>
        <link>https://combowiki.combostrap.com/howto/link_center?rev=1773827138&amp;do=diff</link>
        <description>How to center a link or a button ?



This how to will show you how to center a link.

A link can be styled via its properties and because a link is a also a type of button, this page shows you the two possibilities.



A link is a phrase component but you may want toemphaslinaligbutton</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/pdf?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to create a PDF file?</title>
        <link>https://combowiki.combostrap.com/howto/pdf?rev=1773827138&amp;do=diff</link>
        <description>How to create a PDF file?



This page shows you how to create a PDF file from your content.




HTML
To create a PDF file, you create first an HTML file to you print to PDF.

	*  from one page, you need to add to your URL ?template=minimal for a minimal template or ?do=export_xhtml for the standard dokuwiki export?do=combo_pagebundlebundle page (single page)Printpdf</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/stylesheet-bootstrap?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How can I choose the Bootstrap StyleSheet?</title>
        <link>https://combowiki.combostrap.com/howto/stylesheet-bootstrap?rev=1773827138&amp;do=diff</link>
        <description>How can I choose the Bootstrap StyleSheet?



ComboStrap comes with:

	*  the standard Bootstrap stylesheet 
	*  and the &lt;https://bootswatch.com/&gt;bootswatch themes



You can choose your stylesheet via  the Bootstrap Stylesheet Version configuration.







You can even create and install your custom stylesheet.

This is an advanced configuration and requires some programming skills but this is not out of reach. Sebootstrap  variables</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/text-align-breakpoint?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to align a text based on screen size ?</title>
        <link>https://combowiki.combostrap.com/howto/text-align-breakpoint?rev=1773827138&amp;do=diff</link>
        <description>How to align a text based on screen size ?



This howto shows you how to apply a text alignment that depends on the screen size.

In the text align howto, you have learned to apply one of the tree possible text alignment.

In this howto, you will see how you can apply this alignment based on thescreen sizalign attributconditional valubreakpoint valutext componenscreen size</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/text-align?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to align a text ?</title>
        <link>https://combowiki.combostrap.com/howto/text-align?rev=1773827138&amp;do=diff</link>
        <description>How to align a text ?



This howto will show you how you can align your text.



With ComboStrap, text alignment is only defined via the align attribute.

There is three possible alignement:

	*  , ie 
		*  left for a left-to-right language 
		*  right for a right-to-left language

	*  , ie:
		*  right for a left-to-right languageleftext componenblock componentcar</description>
    </item>
    <item rdf:about="https://combowiki.combostrap.com/howto/theme-creation?rev=1773827138&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-03-18T09:45:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>How to create your own theme?</title>
        <link>https://combowiki.combostrap.com/howto/theme-creation?rev=1773827138&amp;do=diff</link>
        <description>How to create your own theme?



This page shows you how to create your own theme.

You can then apply advanced design and logic to your whole website application.



Combostrap uses a theme system where:

	*  each page has its own template
	*  and each template is a Handlebars templateCombostrappagestemplateshbsymlpartialscomponentscsshtmlHandlebar templateshandlebar templating languagvariable datcontact upage tilslotmedian templateHandelbar partialpage-footer-partial.hbfootecomponent styleshee…</description>
    </item>
</rdf:RDF>
