# I want to learn how to convert a bootstrap theme to a kirby theme?

**URL:** <https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098>\
**Category:** Questions\
**Tags:** v2\
**Created:** [September 25, 2015, 6:55am UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098 "2015-09-25T06:55:29Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![raymccoy](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/raymccoy/32/976_2.png) [@raymccoy](https://forum.getkirby.com/u/raymccoy)\
**Post date:** [September 25, 2015, 6:55am UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/1 "2015-09-25T06:55:29Z")

</div>

Hello,  
i want to learn a bootstrap theme like [free bootstrap landing page jedy](http://azmind.com/2015/07/11/free-bootstrap-landing-page-jedy/)

to a kirby theme. if someone has the skill level to show the process of this template it woul be nice. is this difficult?

---

<div class="post-metadata">

**Author:** ![texnixe](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/texnixe/32/5754_2.png) [@texnixe](https://forum.getkirby.com/u/texnixe)\
**Post date:** [September 25, 2015, 7:31am UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/2 "2015-09-25T07:31:57Z")

</div>

I think you should have a look at this post for building a one pager: [http://getkirby.com/docs/solutions/one-pager](http://getkirby.com/docs/solutions/one-pager)

Then all that is left to do is build your templates/snippets according to the theme and integrate Bootstrap.

Edit: You may also want to have a look at the Kirby Bootstrap Starterkit by @NECKRHINOS [Kirby Bootstrap starterkit](http://forum.getkirby.com/t/kirby-bootstrap-starterkit/2043)

---

<div class="post-metadata">

**Author:** ![NECKRHINOS](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/neckrhinos/32/341_2.png) [@NECKRHINOS](https://forum.getkirby.com/u/NECKRHINOS)\
**Post date:** [September 25, 2015, 10:26am UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/3 "2015-09-25T10:26:44Z")

</div>

Complete code, here you go: [https://github.com/NECKRHINOS/physiotherapie-krech.de](https://github.com/NECKRHINOS/physiotherapie-krech.de), a one-pager site made with Kirby and Bootstrap 😁 Not my best code but a perfect start I guess.

---

<div class="post-metadata">

**Author:** ![raymccoy](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/raymccoy/32/976_2.png) [@raymccoy](https://forum.getkirby.com/u/raymccoy)\
**Post date:** [September 25, 2015, 11:44am UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/4 "2015-09-25T11:44:44Z")

</div>

Hello,

didnt get physio app to work. the kirby bootstrap starter-kit works.

---

<div class="post-metadata">

**Author:** ![NECKRHINOS](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/neckrhinos/32/341_2.png) [@NECKRHINOS](https://forum.getkirby.com/u/NECKRHINOS)\
**Post date:** [September 25, 2015, 12:50pm UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/5 "2015-09-25T12:50:39Z")

</div>

The repository link I posted doesn’t contain `content`, in case you haven’t noticed. Maybe that is why. The starterkit has demo content.

The repositories on my GitHub page which are sites I made for clients and friends (i. e. no starterkits) don’t contain content as that is theirs personally. I do provide the code of such sites for co-coders to get inspired by and to grab some ideas and code. As I grab snippets myself from articles, the internet and such for myself.  
Except the starterkit for example, those repos are not out-of-the-box 1:1 pages for everyone to just download and use 😉 They’re for a: 💡 “Aha! **That’s** how I can to do this or that…”

With templates and blueprints provided in such repositories it is very easy to adapt own content though.

Edit: Maybe I should write a disclaimer to the `readme.md` files… 😋

Regarding how to build a one-pager, it’s basically just the home template’s if/else part that is important. Like in @bastianallgeier original article @texnixe posted: [http://getkirby.com/docs/solutions/one-pager](http://getkirby.com/docs/solutions/one-pager)

---

<div class="post-metadata">

**Author:** ![anon77445132](https://avatars.discourse-cdn.com/v4/letter/a/4da419/32.png) [@anon77445132](https://forum.getkirby.com/u/anon77445132)\
**Post date:** [September 27, 2015, 12:33pm UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/6 "2015-09-27T12:33:40Z")

</div>

> [@raymccoy](#):
>
> didnt get physio app to work.

I agree, because @NECKRHINOS uses the short php tags ("`<? `“) instead of the long tags (”`<?PHP `").  
Look at [PHP: Description of core php.ini directives - Manual](http://php.net/short-open-tag)

Not every webserver allows this tag.

Change "\<? " to "\<?PHP " at every use!

Good luck!

---

<div class="post-metadata">

**Author:** ![NECKRHINOS](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/neckrhinos/32/341_2.png) [@NECKRHINOS](https://forum.getkirby.com/u/NECKRHINOS)\
**Post date:** [September 27, 2015, 1:15pm UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/7 "2015-09-27T13:15:16Z")

</div>

Whoops right, what @HeinerEF said. Sorry, I’ll be converting all PHP short tags soon 😉 In the meantime, don’t forget that also `<?=` equals `<?php echo` .

---

<div class="post-metadata">

**Author:** ![distantnative](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/distantnative/32/11319_2.png) [@distantnative](https://forum.getkirby.com/u/distantnative)\
**Post date:** [February 6, 2025, 5:00pm UTC](https://forum.getkirby.com/t/i-want-to-learn-how-to-convert-a-bootstrap-theme-to-a-kirby-theme/2098/8 "2025-02-06T17:00:24Z")

</div>