輸入表單控件寬度的引導文檔類型無法正確顯示

Question

我對引導程序3.3.5有問題

我創建了一個簡單的網頁來測試新的引導程序。 這是代碼：

<!DOCTYPE html>
<html lang="id">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>BS Test</title>
        <link rel="stylesheet" type="text/css" href="bootstrap.css" />
        <script type="text/javascript" src="script.js" charset="UTF-8"></script>
    </head>
    <body>
    <div class="container-fluid">
    <div class="row">

        <form class="form">
            <div class="form-body">
                <div class="form-group">
                    <input type="text" class="form-control" />
                </div>
            </div>
        </form>

    </div>
</div>
</body>
</html>

類form-control寬度大於瀏覽器寬度的輸入文本，因此顯示底部的滾動條。

並且當<!DOCTYPE html>刪除時，所有寬度都非常正常。

如何使用<!DOCTYPE html>解決此問題？

doctype：

這沒有doctype：

請幫助，謝謝

Answer 1

采用

<div class="container">

代替

<div class="container-fluid">

Answer 2

問題不在<!DOCTYPE html> 。 問題是由於缺少col- * 。 試試下面的代碼

<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <form class="form">
        <div class="form-body">
          <div class="form-group">
            <input type="text" class="form-control" />
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

輸入表單控件寬度的引導文檔類型無法正確顯示

問題描述

2 個解決方案

解決方案1
0

解決方案2
0 2015-10-01 12:39:08

輸入表單控件寬度的引導文檔類型無法正確顯示

問題描述

2 個解決方案

解決方案1 0

解決方案2 0 2015-10-01 12:39:08

解決方案1
0

解決方案2
0 2015-10-01 12:39:08