好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

7天深入Bootstrap(3)CSS布局_html/css_WEB-ITnose

Bootstrap三大核心内容的基础,即基础的CSS 布局语法。其包括基础排版(Typography)、代码(Code)、表 格(Tables)、表单(Forms)、按钮(Buttons)、图片 (Images)、辅助类(Helper Classes)和响应式设计 (Responsive utilities)。

内联表单

有的时候,我们可能需要一个所有控件都在一行中的表单,只需要在普通的form元素上应用一个.form-inline样式

横向表单

与内联表单的使用方式不太一样,其不能在form元素上简单应用一个.form-horizontal样式。

由于.form-horizontal样式改变了.form-group的行为,将其表现得像栅格系统中的行(row)一样,因此就无需再使用.row样式了。

表单控件

对现有HTML5语法下的input都进行了支持(如 type为text、password、datetime、datetime-local、date、 month、time、week、number、email、url、search、tel和color 的元素)

input元素,必须声明type类型,否则可能会引 起其他问题

select元素,多行选择设置mulitiple属性为multiple

textarea元素,定义了rows数字即可定义大文本框的高度,定义cols可以定义大文本框的宽度

checkbox和radio元素,是input元素里两个非常特殊的type,由于经常搭配文字显示,bs做了标准显示

    

ON

查看更多关于7天深入Bootstrap(3)CSS布局_html/css_WEB-ITnose的详细内容...

  阅读:27次