新起点博客
Bootstrap教程:表单控件——下拉选择框select元素
Bootstrap框架中的下拉选择框其实使用和原始的一样的，多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格。例如： <!doctype> <html lang=...
标签：Bootstrap教程
第3页
Bootstrap教程:表单控件(输入框input)
其实每一个表单都是由表单控件组成。如果离开了控件，那么我们的表单也就失去了意义。接下来跟着Bootstrap教程一起简单的来了解Bootstrap框架中表单控件的相关知识。 单行输入框，常见的文本输入框，也就是input的type属性值为t...
Bootstrap教程：内联表单
在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在<form>元素中添加类名“form-inline”即可。 内联表单实现原理非常简单，欲将表单控件在一行显示，就需要将表单控件设置成内联块元素（display:...
Bootstrap教程：水平表单
Bootstrap框架默认的表单是垂直显示风格，但很多时候我们需要的水平表单风格（标签居左，表单控件居右），那么我们如何实现bootstrap水平表单风格呢？如图 在Bootstrap框架中想要实现水平表单效果，必须满足以下两个条件： 1、...
Bootstrap教程：基础表单操作教程
Bootstrap表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览...
Bootstrap教程：紧凑型表格 /响应式表格
紧凑型表格： 什么是紧凑型表格，说白了就是单元格没内距或者内距较其他表格的内距更小。换句话说，要实现紧凑型表格只需要重置表格单元格的内距padding的值。那么在Bootstrap中，通过类名“table-condensed”重置了单元格内...
Bootstrap教程：表格/响应式表格/斑马线表格/带边框表格/鼠标悬浮高亮的表格
表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中，只需要添加对应的类名就可以得到不同的表格风格，在接下来的内容中，我们会详细介...
Bootstrap教程：代码显示
Bootstrap 允许您以两种方式显示代码：一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格： 1、使用<code></code>来显示单行内联代码 2、使用<p...
Bootstrap教程：列表--无序列表、有序列表
无序列表：无序列表和有序列表使用方式和我们平时使用的一样（无序列表使用ul，有序列表使用ol标签），在样式方面，Bootstrap只是在此基础上做了一些细微的优化 <h5>普通列表</h5> <ul> &...
Bootstrap教程：文本左浮动、有浮动、居中对齐风格
在排版中离不开文本的对齐方式。在正常的CSS中常常使用text-align来实现文本的对齐风格的设置。 style{ text-align:left; /* 左对齐*/ text-align:center; /*居中对齐*/ text-al...
