# Getting Started - WrapBootstrap Template Question

**URL:** <https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053>\
**Category:** Help Requests\
**Created:** [April 7, 2018, 6:33pm UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053 "2018-04-07T18:33:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdredmond](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@mdredmond](https://discourse.aurelia.io/u/mdredmond)\
**Post date:** [April 7, 2018, 6:33pm UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053/1 "2018-04-07T18:33:41Z")

</div>

I’m just getting started with Aurelia. Actually, I haven’t even decided whether I want to use Aurelia or Angular 5.

I purchased a WrapBootstrap template I really like ([SmartAdmin](https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0)). It comes with like half-a-dozen different seed projects. Among them are a jQuery/Ajax version (implemented as a SPA), a pure HTML version and versions for some of the other frameworks (Angular, React, etc.) Unfortunately there is not an Aurelia version.

I may be way ahead of myself but my question is, if I want to start shoehorning Aurelia into this template, which version of the template would be best to start with? Pure HTML? The jQuery version?

Thanks!

---

<div class="post-metadata">

**Author:** ![Alexander-Taran](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/alexander-taran/32/2308_2.png) [@Alexander-Taran](https://discourse.aurelia.io/u/Alexander-Taran)\
**Post date:** [April 7, 2018, 8:28pm UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053/2 "2018-04-07T20:28:25Z")

</div>

You don’t shoehorn Aurelia… It’ll bend however you like.  
if there is vue variant - it’ll be the closest to Aurelia.  
react - won’t fit  
jquery probably too much the other way

---

<div class="post-metadata">

**Author:** ![bigopon](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/bigopon/32/18_2.png) [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Post date:** [April 7, 2018, 9:33pm UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053/3 "2018-04-07T21:33:41Z")

</div>

I think jQuery version probably contains the least amount of code, maybe a good thing to disable / enable stuff to wire thing together quickly.

---

<div class="post-metadata">

**Author:** ![Alexander-Taran](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/alexander-taran/32/2308_2.png) [@Alexander-Taran](https://discourse.aurelia.io/u/Alexander-Taran)\
**Post date:** [April 7, 2018, 9:39pm UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053/4 "2018-04-07T21:39:50Z")

</div>

> [@bigopon](#):
>
> I think jQuery version probably contains the least amount of code, maybe a good thing to disable / enable stuff to wire thing together quickly.

I was mostly thinking that jquery variant is furthest from component way.  
So it’d be harder to transform it to component-based app

---

<div class="post-metadata">

**Author:** ![rhassler](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/rhassler/32/194_2.png) [@rhassler](https://discourse.aurelia.io/u/rhassler)\
**Post date:** [April 8, 2018, 6:30pm UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053/5 "2018-04-08T18:30:24Z")

</div>

I recommend Aurelia-bootstrap. It removes the dependency on jquery and the need for the JavaScript that comes with Bootstrap. It also makes using the various Bootstrap components more Aurelia-friendly. It is missing a few Bootstrap components, but not many.

---

<div class="post-metadata">

**Author:** ![khuongduybui](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/khuongduybui/32/44_2.png) [@khuongduybui](https://discourse.aurelia.io/u/khuongduybui)\
**Post date:** [May 3, 2018, 3:17am UTC](https://discourse.aurelia.io/t/getting-started-wrapbootstrap-template-question/1053/6 "2018-05-03T03:17:37Z")

</div>

I’d start with pure HTML and put the necessary JS code, even if it invokes jQuery or whatsoever, into the attached() handler of my components. Of course there will be a decent amount of manual massaging required, but it basically works.