`
one_way
  • 浏览: 16142 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

bootstrap学习笔记6

阅读更多
表单元素实现用户与WEB服务器交互的功能,是动态WEB技术的重要要素之一。表单接收用户的信息,并把信息提交给服务器,然后由服务器端的应用程序处理信息,把处理结果返给用户并向用户显示。Bootstrap对这个重要的HTML标签提供了一些修饰类。将label和<input>,<textarea>,<select>这些控件包裹在.form-group中可以获得最好的排列。有时,我们想要表单水平排列。这时可以通过为表单添加.form-horizontal,并使用Bootstrap预置的栅格class可以将label和控件组水平并排布局。这样做将改变.form-group的行为,使其表现为栅格系统中的行(row),因此就无需再使用.row了。Bootstrap中还提供了改变表单输入框大小的样式类通过.input-lg之类的class可以为控件设置高度,通过.col-lg-*之类的class可以为控件设置宽度。按钮也是我们在网页上非常常见的一个元素,在bootstrap中通过btn-default, btn-primary,btn-success,btn-info,btn-warning,btn-danger,btn-link(修饰类)等类就可以创建一个按钮,不过在使用button还需加btn(基类)。按钮的大小可以通过.btn-lg、.btn-sm、.btn-xs来修改。在使用按钮时有一个建议,尽可能使用<button>元素以确保跨浏览器的一致性样式。
分享到:
评论

相关推荐

    bootstrap学习笔记

    在“Bootstrap学习笔记”中,作者强调了为什么应该使用Bootstrap,并介绍了其包内容和如何通过在线实例快速上手。学习笔记中还包含了关于Bootstrap环境的安装指南,包括如何下载Bootstrap和理解其文件结构。作者建议...

    bootstrap学习笔记-html5

    这个“bootstrap学习笔记-html5”压缩包文件显然包含了有关如何使用Bootstrap和HTML5进行网页设计的资料,非常适合初学者入门。接下来,我们将深入探讨这两个重要主题。 HTML5(超文本标记语言第五版)是网页开发的...

    HTML,CSS,bootStrap学习笔记.zip

    资源简介《HTML,CSS,Bootstrap学习笔记》是一个综合性的学习资源包,旨在帮助初学者和进阶开发者全面掌握前端开发的基础知识和技能。本资源包涵盖了HTML、CSS和Bootstrap这三个前端开发的核心领域,通过详细的笔记...

    李炎恢Bootstrap讲义笔记

    6. **实例分析**:李炎恢老师的笔记可能包含了一些实际项目案例,展示如何将Bootstrap应用于具体的网页设计中,帮助读者更好地理解和应用所学知识。 7. **最佳实践**:除了技术细节,笔记也可能包含了一些关于优化...

    前端Bootstrap+Es6+vue学习笔记

    前端Bootstrap+Es6+vue学习笔记 Bootstrap 框架是一种基于 HTML/CSS/JS 的开源框架,由 Twitter 公司的两名技术工程师研发。其主要特点包括: 1. 跨设备跨浏览器:Bootstrap 支持多种设备和浏览器,可以在不同的...

    Bootstrap的用法学习笔记

    在"Bootstrap的用法学习笔记"中,我们将深入探讨如何有效地利用这个框架。 一、Bootstrap的基本结构 Bootstrap的核心构建块包括网格系统、排版、导航、表单、按钮、图像和其他UI元素。首先,引入Bootstrap库到HTML...

    bootstrap4学习笔记(一)

    bootstrap4学习笔记,中文的,适用于初学者学习,知识点配合案例的。

    Bootstrap学习笔记之Nestable可拖拽树结构

    Bootstrap学习笔记之Nestable可拖拽树结构 Bootstrap是一个流行的前端开发框架,它提供了丰富的组件和工具,帮助开发者快速构建响应式、移动优先的网页。在本篇学习笔记中,我们将聚焦于Nestable,这是一个基于...

    李炎恢Bootstrap讲义笔记解压.zip

    通过以上分析可以看出,“李炎恢Bootstrap讲义笔记解压.zip”这一文件应该是一份针对Bootstrap框架的学习资料。对于初学者而言,这份资料可能会从基础知识入手,逐步介绍如何使用Bootstrap构建响应式网站,并可能会...

    Bootstrap学习笔记

    这个是我的前端学习笔记Bootstrap

    bootstrap 教程,带笔记

    6. Bootstrap布局组件:这部分会展示如何使用Bootstrap的网格系统来布局页面,以及利用内置的布局组件,如导航栏、警告框、模态框等。 7. Bootstrap插件:介绍Bootstrap提供的JavaScript插件,包括轮播、模态、下拉...

    bootstrap课堂笔记代码

    这个“bootstrap课堂笔记代码”压缩包显然包含了有关如何使用Bootstrap学习响应式网页设计的资料,非常适合初学者。 响应式布局是现代网页设计的核心概念,它允许网站在不同设备(如桌面、平板电脑和手机)上自动...

Global site tag (gtag.js) - Google Analytics