輸入元素沒有餘量（引導）

-1

我創建了我的問題的小提琴（但在小提琴中顯示正確）。輸入元素沒有餘量（引導）

正如你所看到的，我有4個輸入的形式。每當我在Webstorm上執行此操作時，該網站將以鉻形式顯示，但所有輸入都沒有空白（無空格）。我將我的代碼複製到jsfiddle，其外觀正確。我不知道我是否有webstorm中的錯誤，或者這可能是bootstrap中的錯誤？這是一個圖片它的外觀像正常：

編輯（HTML代碼）

<body> 
    <nav class="navbar navbar-inverse"> 
    <div class="container"> 
     <div class="navbar-header"> 
     <button type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" class="navbar-toggle collapsed"> 
      <span class="sr-only">Toggle</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="navbar-brand">LearnYou</a> 
     </div> 
     <div class="navbar-collapse collapse"> 
     <form class="navbar-form navbar-right"> 
      <div class="form-group"> 
      <input type="text" placeholder="Email" class="form-control"> 
      </div> 
      <div class="form-group"> 
      <input type="password" placeholder="Password" class="form-control"> 
      </div> 
      <div class="form-group"> 
      <input type="submit" value="Sign in" class="btn btn-success "> 
      </div> 
      <div class="form-group"> 
      <input type="button" value="Sign up" class="btn btn-success "> 
      </div> 
     </form> 
     </div> 
    </div> 
    </nav> 
</body>

編輯2：看起來像問題來自「玉」，每當我執行簡單的HTML5它呈現？正確，但是當我使用它翡翠顯示wrong.Any想法這是我的玉代碼：

nav(class="navbar navbar-inverse") 
     div(class="container") 
      div(class="navbar-header") 
       button(type="button" ,class="navbar-toggle collapsed" ,data-toggle="collapse", data-target="#navbar", aria-expanded="false" ,aria-controls="navbar") 
        span(class="sr-only") Toggle 
        span(class="icon-bar") 
        span(class="icon-bar") 
        span(class="icon-bar") 
       a(class="navbar-brand" ,href="#") LearnYou 
      div(id="navbar",class="navbar-collapse collapse") 
       form(class="navbar-form navbar-right", role="form") 
        div(class="form-group") 
         input(type="text", placeholder="Email", class="form-control") 
        div(class="form-group") 
         input(type="password", placeholder="Password", class="form-control") 
        input(type="submit", class="btn btn-success" ,value="Sign in") 
        input(type="button", class="btn btn-success", value="Sign up")

來源

2016-04-11 greedsin

問題尋求幫助的代碼必須包括在最短的合作必須在問題本身**中重現**。雖然您提供了[**鏈接到示例或網站**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-如果鏈接變得無效，那麼你的問題對於其他具有相同問題的未來SO用戶將沒有任何價值。 –

.form-group { 
    margin-left:10px; 
}

來源

2016-04-11 12:31:38

你好加文，這是一個解決方案是的，但我正在尋找一個解決方案，而無需添加外部CSS，因爲HTML在jsfiddle中正確呈現 – greedsin

如果沒有看到其餘的樣式，很難給出明確的答案。 –

有沒有其他的資源，除了進口bootstrap和jquery – greedsin

輸入元素沒有餘量（引導）

回答

相關問題