引导Css设计在桌面上无法正常工作_Css_Html_Twitter Bootstrap

引导Css设计在桌面上无法正常工作

css html twitter-bootstrap

引导Css设计在桌面上无法正常工作,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,嗨，所有引导Css设计在桌面上都不能正常工作下面是我创建的示例html和引导代码，设计在移动视图中显示不正确，但在桌面视图中显示不正确，提前谢谢引导示例搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人引导示例搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人搜索病人只需复制并粘贴此代码，即可在所有设备中正常工作。避免使用相同的id。id应该是唯

嗨，所有引导Css设计在桌面上都不能正常工作

下面是我创建的示例html和引导代码，设计在移动视图中显示不正确，但在桌面视图中显示不正确，提前谢谢


引导示例
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人


引导示例
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人

只需复制并粘贴此代码，即可在所有设备中正常工作。避免使用相同的id。id应该是唯一的。尝试探索这个链接，您将在bootstrap中清楚地了解网格系统。希望这对您的问题有所帮助。


引导示例
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人
搜索病人

只需复制并粘贴此代码，即可在所有设备中正常工作。

避免使用相同的id。id应该是唯一的。尝试探索这个链接，您将在bootstrap中清楚地了解网格系统。希望这有助于解决您的问题。

如何在桌面上正确显示它？您还需要定义col md-，col lg-。。。。使用

col xs-？

和

col md-？

用于大型n中型设备

md

将使用n小型和超小型

xs

将使用它在桌面上正确显示的方式？您还需要定义col md-，col lg-。。。。使用

col xs-？

和

col md-？

用于大型n中型设备

md

将使用n小型和超小型

xs

将使用

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="form-group">
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>

  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
</div>

<div class="form-group">
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>

  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
  <div class="col-sm-2 ">
    <label>Search Patient</label>
  </div>
  <div class="col-sm-1 col-md-4">
    <input type="password" class="form-control" id="inputPassword" placeholder="Password">
  </div>
</div>

</body>
</html>