html - 如何在右侧进行搜索？

Question

<nav class="navbar navbar-default">
                    <div class="container-fluid">

                        <div class="navbar-header">
                            <button type="button" id="sidebarCollapse" style="background-color: #7726E5; color: white; display:inline-block;" class="btn navbar-btn">
                                <i class="fas fa-align-left"></i>
                                <span>Menu</span>
                            </button>
                            <form style="display:inline-block;" class="form-inline my-2 my-lg-0" action="{% url 'posts_list_url' %}">
                                <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" name="search">
                            </form>
                        </div>
                    </div>
                </nav>

这是我的代码。我用bootstrap 4 不要看它：kljkldfsgjldfskgjl dfklj dkfjk dakfj kljd kj kdlsjfklj kldasjfk dkfj lkdsjf klsadfjlkds di

标签： htmlcsstwitter-bootstrapstyles

Answer 1

你可以试试这个。

navbar-header{ width:100%; } and form{ float:right; }