# Bootstrap complete example

**URL:** <https://forum.xojo.com/t/bootstrap-complete-example/59016>\
**Category:** Web\
**Created:** [November 21, 2020, 9:28am UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016 "2020-11-21T09:28:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aurelian\_N](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/b4bc9f/32.png) [@Aurelian\_N](https://forum.xojo.com/u/Aurelian_N)\
**Post date:** [November 21, 2020, 9:28am UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/1 "2020-11-21T09:28:54Z")

</div>

Did somebody did a complete bootstrap example project on Web 2.0 ? I mean the whole steps, like you create new project, get a bootstrap theme, dump file x, y x in location d, and have all your controls look like that theme and eventually fine tune the controls with css .

That would help a lot to have an idea on how to use this and see if it can be used on some projects.

Thanks.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 21, 2020, 2:54pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/2 "2020-11-21T14:54:52Z")

</div>

Have you seen this? [https://blog.xojo.com/2020/08/28/webstyles-and-web-framework-2-0/](https://blog.xojo.com/2020/08/28/webstyles-and-web-framework-2-0/)

It is really as simple (and complicated) then drag & drop a new theme into the xojo editor. I’m afraid that fine-tuning of you desired look is very individual and no one can help you to make the necessary changes …

[https://themestr.app](https://themestr.app) is a good resource to play around a bit if you want to change only a few things.

---

<div class="post-metadata">

**Author:** ![Giacomo\_Bernardi](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/9dc877/32.png) [@Giacomo\_Bernardi](https://forum.xojo.com/u/Giacomo_Bernardi)\
**Post date:** [November 21, 2020, 4:24pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/3 "2020-11-21T16:24:03Z")

</div>

sorry, is there any news about customizing the controls?  
e.g. the height of the lines in a list box, the height of the text field, the size of the characters, etc etc.  
or should I go crazy with bootstrap themes, which are unknown to me?  
I would like to use my time in another way.  
The tremendous changes in web 2.0 are forcing me to enormous efforts if I don’t want to leave Xojo.  
maybe someone is switching to web 2.0 without big problems.  
I don’t.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 21, 2020, 5:16pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/4 "2020-11-21T17:16:17Z")

</div>

All we know is that there are “plans” with no deadline. My suggestion: don’t try copying web 1 layout 1:1 to Web 2.0. I build a new project from scratch with Web 2.0 and didn’t too much customization yet and I’m more than happy. But I understand if others have different requirements. For me I will start with customization later only.

---

<div class="post-metadata">

**Author:** ![Giacomo\_Bernardi](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/9dc877/32.png) [@Giacomo\_Bernardi](https://forum.xojo.com/u/Giacomo_Bernardi)\
**Post date:** [November 22, 2020, 10:06am UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/5 "2020-11-22T10:06:13Z")

</div>

thanks Jeannot.

I’m working with a new project.

but with the default theme the size of each element is too big.  
So, if I build now a page with the default theme, I risk having to review everything if and when I finally understand how to customize it.

Alternatively, I should now also deal with the themes, but there is a lot to understand with the hundreds of other things that have changed, with a still incomplete documentation (and it is already a progress, since until not long ago the documentation was absent).  
All this, while I have to deal with projects 1.0  
in short, it is almost impossible.

I would have to pay another programmer to PLAY with the 2020 releases. but even this is impossible.  
I’m beginning to think that are right those who are furious per la rivoluzione 2.0.

the bitter choice:  
to stay with web 1.0, hoping that something will not happen to prevent its use in the near future.  
and still continue to manage products that tend to become obsolete.

this is not reasonable.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 22, 2020, 12:58pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/6 "2020-11-22T12:58:00Z")

</div>

> [@Giacomo\_Bernardi](#):
>
> but with the default theme the size of each element is too big.

Yes, Bootstrap is “larger” and it will be a lot of work adapting everything …

> [@Giacomo\_Bernardi](#):
>
> I’m beginning to think that are right those who are furious per la rivoluzione 2.0.

It is what it is. Like ARM now on macOS, like Windows 10 (most Xojo Apps are looking outdated), like Retina back a few years … I feel (and share) your pain, but the world is changing, even at a higher pace every year.

Tipp: if you will make changes in a theme: check your changes in every browser … and you will probably not want to customize much. I prefer handling with the built-in one. On a side note: my customers prefer the fresher and newer look and that the controls are larger.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 22, 2020, 1:29pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/7 "2020-11-22T13:29:07Z")

</div>

Plus: if you want to become complete desperate: don’t forget that the user might use the Zoom In/Out functionality on their browsers … it’s already a lot of work with the standard theme to get all options tested on all browsers, it will never be perfect for all possible scenarios but same applies for almost any web dev tool.

---

<div class="post-metadata">

**Author:** ![Giacomo\_Bernardi](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/9dc877/32.png) [@Giacomo\_Bernardi](https://forum.xojo.com/u/Giacomo_Bernardi)\
**Post date:** [November 22, 2020, 9:19pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/8 "2020-11-22T21:19:47Z")

</div>

> [@Jeannot\_Muller](#):
>
> On a side note: my customers prefer the fresher and newer look and that the controls are larger.

I’m trying Simplex (from [Bootswatch.com](http://Bootswatch.com)). it is a bit smaller.  
thank you

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 23, 2020, 8:55am UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/9 "2020-11-23T08:55:20Z")

</div>

I might be able to write a tutorial. Give me a bit of time please. It is a complex topic, not sure yet how to explain it in the best possible way.

---

<div class="post-metadata">

**Author:** ![Aurelian\_N](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/b4bc9f/32.png) [@Aurelian\_N](https://forum.xojo.com/u/Aurelian_N)\
**Post date:** [November 23, 2020, 2:57pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/10 "2020-11-23T14:57:21Z")

</div>

That would be great, thanks.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 23, 2020, 5:04pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/11 "2020-11-23T17:04:29Z")

</div>

I’m on it. The hard part is that everyone will have a different level of knowledge and I need to research a bit as I want everyone to work with it not only macOS users.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 24, 2020, 3:08pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/12 "2020-11-24T15:08:04Z")

</div>

> **[How To Customize Xojo Web 2](https://medium.com/learn-xojo/how-to-customize-xojo-web-2-f2941f6f73dc?sk=143e3a643771973c94f865d7b7584a21)**
>
> A tutorial showing how to adapt the Bootstrap template

---

<div class="post-metadata">

**Author:** ![brian\_franco](https://forum.xojo.com/user_avatar/forum.xojo.com/brian_franco/32/156_2.png) [@brian\_franco](https://forum.xojo.com/u/brian_franco)\
**Post date:** [November 24, 2020, 3:11pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/13 "2020-11-24T15:11:31Z")

</div>

Thank You!  
Very kind of you 🙏

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 24, 2020, 3:17pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/14 "2020-11-24T15:17:01Z")

</div>

I hope it will help as an entry point to get into the topic. There are MANY ways to do it, but it is important to understand a few principles and from some questions asked here I think we have mainly 2 group of people:

1. Those knowing bootstrap and CSS from other work
2. People who have never came in touch with the topic and are normally a bit lost. I hope the tutorial might help this group a bit.

---

<div class="post-metadata">

**Author:** ![Gilles\_Plante](https://forum.xojo.com/user_avatar/forum.xojo.com/gilles_plante/32/667_2.png) [@Gilles\_Plante](https://forum.xojo.com/u/Gilles_Plante)\
**Post date:** [November 24, 2020, 3:34pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/15 "2020-11-24T15:34:18Z")

</div>

Thanks a lot Jeannot !

---

<div class="post-metadata">

**Author:** ![Mark\_Mitchell1](https://forum.xojo.com/user_avatar/forum.xojo.com/mark_mitchell1/32/256_2.png) [@Mark\_Mitchell1](https://forum.xojo.com/u/Mark_Mitchell1)\
**Post date:** [November 24, 2020, 4:18pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/16 "2020-11-24T16:18:35Z")

</div>

Thank you very much for this Jeannot - great resource.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [November 24, 2020, 4:23pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/17 "2020-11-24T16:23:14Z")

</div>

You are welcome. It was a bit of work, so I’m happy if it really helps.

Added the Xojo Version 2020 Release 2 bootstrap.min.css to GitHub (for completeness, it doesn’t seem to have changed though).

---

<div class="post-metadata">

**Author:** ![Giacomo\_Bernardi](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/9dc877/32.png) [@Giacomo\_Bernardi](https://forum.xojo.com/u/Giacomo_Bernardi)\
**Post date:** [November 25, 2020, 8:59am UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/18 "2020-11-25T08:59:05Z")

</div>

thanks a lot for your important contribution.  
I’m reading carefully and I’m learning a lot of things.

---

<div class="post-metadata">

**Author:** ![Aurelian\_N](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/b4bc9f/32.png) [@Aurelian\_N](https://forum.xojo.com/u/Aurelian_N)\
**Post date:** [December 11, 2020, 6:36pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/19 "2020-12-11T18:36:30Z")

</div>

Thanks for that, I saw it the minute you put it and it’s a real help , so hopefully we will see more of those soon and maybe Web 2.0 will get a boost on the development. As you said in one of your posts, people start to forget native apps and want now modern and web apps as replacement, not to depend on dependencies and OS versions and so on as long as it works on a browser. It seems that this is the new trend now.

---

<div class="post-metadata">

**Author:** ![Jeannot\_Muller](https://forum.xojo.com/user_avatar/forum.xojo.com/jeannot_muller/32/13359_2.png) [@Jeannot\_Muller](https://forum.xojo.com/u/Jeannot_Muller)\
**Post date:** [December 11, 2020, 9:32pm UTC](https://forum.xojo.com/t/bootstrap-complete-example/59016/20 "2020-12-11T21:32:12Z")

</div>

> [@Aurelian\_N](#):
>
> It seems that this is the new trend now.

At least it is in my world. Most customers are now asking for a web “solution”. SMBs as it is easy, corporate organisations as they don’t want to deal with software roll-outs. Might be different for citizen users, but even there, I’m not sure. The days are gone as well, when banks offered their own desktop apps, or where you needed a generic desktop app to access your data, and there are so many (even free) services on the net to achieve tons of tasks, where you’ve needed a standard app in the past.

[Next page](https://forum.xojo.com/t/bootstrap-complete-example/59016.md?page=2)
