`
liue
  • 浏览: 19369 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

Bootstrap demo

 
阅读更多


<!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="css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Inline form</h2>
  <p>Make the viewport larger than 768px wide to see that all of the form elements are inline, left aligned, and the labels are alongside.</p>
  <form class="form-inline" method="post" action="Index">
    <div class="form-group">
      <label for="email">Email:</label>
      <input type="email" class="form-control" id="email" name="email" placeholder="Enter email">
    </div>
    <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd" name="pwd" placeholder="Enter password">
    </div>
    <div class="checkbox">
      <label><input type="checkbox"> Remember me</label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</div>

</body>
</html>
分享到:
评论

相关推荐

    BootStrapDemo.rar

    这个名为"BootStrapDemo.rar"的压缩包很可能是包含了一些示例代码和资源,用于演示如何使用Bootstrap进行网页设计和布局。Bootstrap的核心特性包括响应式设计、移动设备优先以及一系列预先封装的CSS和JS组件。 ...

    bootstrap demo 源码大全

    "bootstrap demo 源码大全"这个资源集合了众多Bootstrap的示例代码,帮助开发者快速理解和学习如何在实际项目中应用Bootstrap。 在这些示例中,你可以找到各种组件的演示,包括: 1. **导航**:Bootstrap的导航...

    bootstrapdemo

    "bootstrapdemo"这个标题表明我们正在讨论一个基于Bootstrap框架创建的示例项目。这个DEMO可能是为了展示如何使用Bootstrap来设计和构建网页,或者是为了教学目的,帮助初学者理解Bootstrap的工作原理。 在这个名为...

    springMvc+mybatis+bootstrap Demo6

    "springMvc+mybatis+bootstrap Demo6" 是一个整合了这三个技术的示例项目,旨在帮助初学者理解如何在实际开发中将它们有效地结合在一起。 首先,让我们深入了解一下Spring MVC。它是Spring框架的一部分,通过分离...

    2018-02-25-BootstrapDemo及文档.rar

    这个压缩包"2018-02-25-BootstrapDemo及文档.rar"包含了一个Bootstrap的示例项目以及相关的文档,旨在帮助开发者更好地理解和应用Bootstrap框架。 首先,让我们深入了解一下Bootstrap。Bootstrap是由Twitter开发并...

    datatables bootstrap demo下载

    【datatables bootstrap demo下载】是一个资源包,包含了使用Datatables插件与Bootstrap框架结合的示例代码。这个包对于那些想要学习如何在自己的项目中整合这两个流行工具的开发者来说非常有帮助。Datatables是一款...

    BootStrapDemo.zip

    这个"BootStrapDemo.zip"压缩包包含了基于Bootstrap框架开发的旅游网站案例,旨在帮助开发者熟练掌握Bootstrap的核心组件和类的使用。下面将详细阐述Bootstrap中的关键概念和在旅游网案例中的应用。 1. **删格系统 ...

    bootstrap-demo

    这个"bootstrap-demo"压缩包文件提供了一些关于如何使用Bootstrap插件的源代码示例,非常适合那些刚开始接触Bootstrap或希望深入理解其功能的初学者。 Bootstrap的核心特性包括一个网格系统、预定义的CSS样式、...

    bootstrapDemo

    "bootstrapDemo"这个项目很可能是你用来熟悉和实践Bootstrap技术的一个实例集合。 在Bootstrap中,核心概念主要包括网格系统、响应式布局、预定义的CSS类以及JavaScript组件。下面将详细介绍这些关键知识点: 1. *...

    bootstrapdemo.zip

    在"bootstrapdemo.zip"这个压缩包中,我们可以找到一个关于Bootstrap-table分页功能的演示实例,以及一个专门用于中文格式化的js文件"bootstrap-table-zh-CN.js"。 首先,我们来详细了解下Bootstrap-table的基本...

    ASP.NET GridView+Bootstrap Demo Source Code

    在"ASP.NET GridView+Bootstrap Demo Source Code"中,这个示例展示了如何利用GridView实现创建(Create)、读取(Read)、更新(Update)和删除(Delete),也就是常说的CRUD操作,通过Twitter Bootstrap的模态弹出窗口...

    bootstrap demo

    这个“bootstrap demo”压缩包很可能是包含了一些示例代码或者预构建的组件,帮助开发者快速理解和应用Bootstrap框架。在这个详细的解释中,我们将深入探讨Bootstrap的核心概念、主要特性以及如何使用它来创建美观且...

    Bootstrap布局的网站首页DEMO

    Bootstrap布局的网站首页DEMO是一个基于Bootstrap前端框架构建的示例页面,主要用于展示如何利用这个流行的响应式设计工具来创建一个高效、美观且适应各种设备的网站主页。Bootstrap是由Twitter开发并开源的一个强大...

    Bootstrap非常不错的Demo

    这个"Bootstrap非常不错的Demo"显然提供了一些展示Bootstrap强大功能和优雅设计的实例。在商业网站的背景下,这些Demo可能包含了用于创建专业且吸引用户界面的各种元素。 Bootstrap的核心特性包括一个响应式的网格...

    bootstrap 界面Demo

    这个压缩包文件包含了一个名为"bootstrapDemo"的示例,该示例将展示Bootstrap 3.0的各种组件和特性。 Bootstrap 3.0的核心特性包括栅格系统、预定义的CSS样式、JavaScript插件和易于定制的选项。让我们逐一探讨这些...

Global site tag (gtag.js) - Google Analytics