# Tutorial - Creating a language dropdown with Bootstrap 4

**URL:** <https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611>\
**Category:** Tutorials\
**Created:** [October 15, 2020, 9:35am UTC](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611 "2020-10-15T09:35:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [October 15, 2020, 9:35am UTC](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611/1 "2020-10-15T09:35:36Z")

</div>

Hi All,  
A new tutorial on customizing the Bootstrap 4 nav bar is available: [here](https://pinegrow.com/tutorials/how-to-create-a-language-dropdown-with-flags-in-bootstrap-4/).

Feel free to leave any comment, questions, or suggestions!  
Bob

---

<div class="post-metadata">

**Author:** ![BonoBoos](https://avatars.discourse-cdn.com/v4/letter/b/b77776/32.png) [@BonoBoos](https://forum.pinegrow.com/u/BonoBoos)\
**Post date:** [October 15, 2020, 4:29pm UTC](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611/2 "2020-10-15T16:29:28Z")

</div>

Nice! A Tailwind variant wouldn’t be much different I presume? If so, could you point out in a bullet-list what would be different?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [October 15, 2020, 4:48pm UTC](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611/3 "2020-10-15T16:48:04Z")

</div>

I’ll think about it a little. The general set-up should be about the same, but how Tailwind and Bootstrap handle items is pretty different. Maybe I’ll do a Tailwind version as a full tutorial.

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [December 8, 2020, 2:29pm UTC](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611/4 "2020-12-08T14:29:57Z")

</div>

Hi @RobM ,

I downloaded the example files for the Bootstrap 4 Multi Lingual Website Dropdown button and despite the fact that I love the simplicity of the design it shows multiple HTML validation errors.

Could someone please take a look and fix it?

Regards & Thanks,

David
