I wish to produce a navbar utilizing bootstrap, as well as I am battling to make switches look great. Somehow after putting area right into the switch message bootstrap includes brand-new line in between 2 words. That looks negative, exactly how can I repair it?
With this code I obtain this:
<< nav course=" navbar navbar-expand-lg bg-light">>.
<< div course=" container-fluid">
<> < a course=" navbar-brand" href=" #">
<> < img src=" assets/icon. png" alt=" Bootstrap" size=" 30">
<> .
...
<< period course=" navbar-toggler-icon"><> .
<< div course=" collapse navbar-collapse" id=" navbarSupportedContent">
> ...
<< kind course=" d-flex" function=" search">
<> < input course=" form-control me-2" kind=" search" placeholder=" Look" aria-label=" Look">
<> < switch course=" btn btn-primary" kind=" send">> Examination< .
<.
<.
<.
Nonetheless, after including area inside switch message I obtain this:
<< nav course=" navbar navbar-expand-lg bg-light">>.
<< div course=" container-fluid">
<> < a course=" navbar-brand" href=" #">
<> < img src=" assets/icon. png" alt=" Bootstrap" size=" 30">
<> .
...
<< period course=" navbar-toggler-icon"><> .
<< div course=" collapse navbar-collapse" id=" navbarSupportedContent">
<> < ul course=" navbar-nav me-auto mb-2 mb-lg-0">>.
...
<.
<< kind course=" d-flex" function=" search">
<> < input course=" form-control me-2" kind=" search" placeholder=" Look" aria-label=" Look">
<> < switch course=" btn btn-primary" kind=" send">> T est<.
<.
<.
<.
<.
Exactly how do I make it in one line despite area?