html – Exactly how to produce navbar dropdown that clickable on mobile and also float to open up on desktop computer

I am utilizing Bootstrap 5 to produce a web site. I am attempting to make use of Bootstrap 5 to produce a navbar dropdown. Presently when you get on mobile and also you click the dropdown it opens up however when you click it once more it does not shut. when you get on desktop computer if you float over it, it opens up and also shuts effectively, nevertheless, if you get on desktop computer and also you click the dropdown rather than floating over it and also you relocate your arrow off the dropdown food selection the dropdown food selection transforms white.

This is it what it resembles

Test.html

<.
<< html lang=" en">

<> < head>>.

<< meta charset=" utf-8"/>>.

<< meta name=" viewport" web content=" size= device-width, initial-scale= 1.0"/>>.

<< title>> Residence|<.

<