Vue.js 如何将引导vue中的导航条固定在中心位置?
如何将导航栏组件置于中心?这是我第一次这样做,我得到了它的大部分好,但我只是不能解决这个问题,所以它看起来并不奇怪Vue.js 如何将引导vue中的导航条固定在中心位置?,vue.js,gif,bootstrap-vue,Vue.js,Gif,Bootstrap Vue,如何将导航栏组件置于中心?这是我第一次这样做,我得到了它的大部分好,但我只是不能解决这个问题,所以它看起来并不奇怪 <template> <div class="container"> <header> <h1>GIF'S APP</h1> <form> <span class="font-semibold mr-2 text-left flex-auto text-
<template>
<div class="container">
<header>
<h1>GIF'S APP</h1>
<form>
<span class="font-semibold mr-2 text-left flex-auto text-white">Search for the coolest gifs</span>
<div>
<b-nav-form>
<b-input-group>
<b-form-input id="input-small" size="sm" type="text" v-model="search" />
<b-button class="btn-success" type="button" v-on:click="searchNewGifs()">Search</b-button>
<div class="gifs--container">
<Gif v-for="gif in gifs" v-bind:key="gif.id" v-bind:data="gif"></Gif>
</div>
<b-button
class="btn-success"
type="button"
v-if="!stopNextPage"
v-on:click="getNextPage()"
>Next Page</b-button>
</b-input-group>
</b-nav-form>
</div>
</form>
</header>
</div>
</template>
GIF的应用程序
寻找最酷的礼物
搜寻
下一页
使用classmx auto
水平中心和classmy auto
垂直中心,如果您想使水平中心和垂直中心成为垂直中心,请使用m-auto
并注意:非常重要的是父级具有样式dispaly:flex
,并且可用于该样式的类是d-flex