#html #css #vue.js #bootstrap-4
Вопрос:
у меня есть встроенная форма в панели навигации и раскрывающийся список, моя проблема-разрыв выпадающей строки при изменении размера страницы::
Мой код:
lt;form class="form-inline"gt; lt;button class="btn-no-border f-20"gt; lt;img src="news.svg" alt="" width="28" /gt; lt;/buttongt; lt;button class="btn-no-border f-20 ml-2 mr-2"gt; lt;img src="icon_notifications.svg" alt="" width="20" /gt; lt;/buttongt; lt;div class="dropdown pmd-dropdown pmd-user-info ml-auto"gt; lt;a class="dropdown-toggle media align-items-center" data-toggle="dropdown" data-sidebar="true" aria-expanded="false" gt; lt;app-avatar :username="username" :size="35" /gt; lt;div class="media-body ml-3"gt; Usuário lt;app-svgs/gt; lt;/divgt; lt;/agt; lt;ul class="dropdown-menu dropdown-menu-right" style="right: -28px; top: 43px;" role="menu"gt; lt;router-link to="/profile" style="text-decoration:none"gt; lt;a class="dropdown-item"gt; lt;i class="fal fa-user"gt;lt;/igt; lt;/agt; lt;/router-linkgt; lt;a class="dropdown-item" @click="logout"gt; lt;i class="fad fa-sign-out-alt"gt;lt;/igt; lt;/agt; lt;/ulgt; lt;/divgt; lt;/formgt; Разрыв строки: https://i.imgur.com/6NOzbQQ.png