流星の位置を決めるloginButtonsモーダル

私は流星の中に次のコードを持っています。流星の位置を決めるloginButtonsモーダル

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はその半分のボタンの幅よりも広く、画面の右端からはみ出す。私はここではエッジの代わりに画面の右端にモーダルが現れるようにすばやく修正されているのだろうかと思っていました。他のすべては、このテンプレートが起こる必要がある何をするために単独で立って掲載無視

出典

2016-04-16 kpie

...

<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>

出典

2016-04-17 23:26:04 kpie

流星の位置を決めるloginButtonsモーダル

答えて

関連する問題