У меня есть следующий код в метеор.Позиционирование meteor loginButtons modal
myNavbar.html
<template name = "myNavbar">
<nav class="navbar navbar-default">
<div class="container-fluid" id = "Nav-Content">
<div class="navbar-header">
<div id= "loginNavElm">{{> loginButtons}}</div>
</div>
</div>
</nav>
</template>
myNavBar.css
#Nav-Content{
display: -webkit-flex;
-webkit-justify-content: flex-end;
display: flex;
justify-content: flex-end;
}
#loginNavElm{
padding-top: 1vw;
}
и мой layout.html
<template name="layout">
<body>
{{> myNavbar}}
<div class="container">
{{> yield }}
</div>
</body>
</template>
Хотя у меня есть эффект ввода кнопки входа в правом верхнем углу где я хочу, модальный, который всплывает, оправдывает себя на левом краю кнопкой входа и потому, что popu p шире, чем половина кнопки, которая заканчивается правым краем экрана. Мне было интересно, было ли быстрое исправление здесь, что бы модальность появлялась на правом краю экрана, а не по краю.