Adding Search Bar using bootstrap CSS block style dialogue box

Permalink
I'm trying to figure out how to add the search bar. Is there a way to add the search bar by just inserting the css style under the CSS tab in the block style dialogue box?

From Bootstrap website says to add:
<form class="navbar-search pull-right">
<input type="text" class="search-query" placeholder="Search">
</form>

So I added .navbar-search CSS-ID and 'navbar-search pull-right' to the "CSS Class Name(s):" box. Only thing it did was move my navigation bar to the right and no search bar.

I'm running 5.5

Thank you for any help!!