如何在布尔马扩大navbar-item中的字段?

时间:2018-08-29 15:07:01

标签: bulma

我在导航栏中使用了一个字段。它用于在导航栏中创建搜索字段。该字段包含在导航栏项目中。该字段的宽度固定。 Bulma是否支持控制导航栏项目的宽度。

以下是我的标记:

<nav class="navbar has-background-grey-dark">
    <div class="container">
        <div class="navbar-menu">
            <div class="navbar-start">
                <div class="navbar-item field has-addons test">
                    <p class="control">
                        <input class="input is-link is-focussed" type="text"
                               placeholder="Search for products">
                    </p>
                    <p class="control">
                        <button class="button is-info">
                            Search
                        </button>
                    </p>
                </div>
            </div>
        </div>
    </div>
</nav>

Current Output

布尔玛是否支持将导航栏中的字段变宽,还是应该使用自定义CSS / SASS?

0 个答案:

没有答案