Twitter bootstrap 定位流星登录按钮模式_Twitter Bootstrap_Meteor_Modal Dialog

Twitter bootstrap 定位流星登录按钮模式

twitter-bootstrap meteor

Twitter bootstrap 定位流星登录按钮模式,twitter-bootstrap,meteor,modal-dialog,Twitter Bootstrap,Meteor,Modal Dialog,我在meteor中有以下代码 myNavbar.html <template name = "myNavbar"> <nav class="navbar navbar-default"> <div class="container-fluid" id = "Nav-Content"> <div class="navbar-header"> <div id= "loginNavElm"&g

我在meteor中有以下代码

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>

还有my layout.html

<template name="layout">
  <body>
    {{> myNavbar}}
    <div class="container">
      {{> yield }}
    </div>
  </body>
</template>


{{>myNavbar}
{{>产量}

虽然我可以将登录按钮放在我想要的右上角，但是弹出的模式会在登录按钮的左侧边缘进行调整，因为弹出的窗口比按钮宽，所以它的一半会离开屏幕的右侧边缘。我想知道这里是否有一个快速修复方法，可以让模式显示在屏幕的右边缘而不是边缘。

忽略其他发布的内容，此模板独立完成需要执行的操作

<template name = "myNavbar">
    <nav class="navbar navbar-default">
      <div class="container-fluid" id = "Nav-Content">
        <div class="navbar-left" id = "Nav-Title">
            <p id = "pageTitleNavElm">Common</p>
        </div>
        <div class="navbar-right">
          <div id= "loginNavElm">{{> loginButtons}}</div>
        </div>
      </div>
    </nav>
</template>


普通
{{>loginButtons}

<template name = "myNavbar">
    <nav class="navbar navbar-default">
      <div class="container-fluid" id = "Nav-Content">
        <div class="navbar-left" id = "Nav-Title">
            <p id = "pageTitleNavElm">Common</p>
        </div>
        <div class="navbar-right">
          <div id= "loginNavElm">{{> loginButtons}}</div>
        </div>
      </div>
    </nav>
</template>