欢迎光临
我们一直在努力

Bootstrap教程

Bootstrap是最受欢迎的HTML+CSS和JS框架,用于开发响应式布局、移动设备优先的WEB项目。包含有Bootstrap教程,Bootstrap自学网,Bootstrap布局,Bootstrap前端开发,Bootstrap中文网,Bootstrap,CSS,bootstrap代码,bootstrap开发,bootcss,CSS框架, CSSframework,javascript,bootstrap入门等教程。
Bootstrap教程:下拉菜单如何添加一个下拉分隔线-新起点博客

Bootstrap教程:下拉菜单如何添加一个下拉分隔线

新起点博客阅读(52)评论(0)赞(0)

Bootstrap框架中的下拉菜单组件,其下拉菜单项默认是隐藏状态,因为“dropdown-menu”默认样式设置了“display:none”。所以只能当用户点击按钮后方可显示,当再次点击后按钮继续隐藏。默认下拉菜单完整代码如下: <...

Bootstrap教程:下拉菜单(基本用法)-新起点博客

Bootstrap教程:下拉菜单(基本用法)

新起点博客阅读(56)评论(0)赞(0)

小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件: LESS版本:对应的源码文件为?dropdowns.less Sass版本:对应的源码文件为?_dropdowns.scss 编译后的B...

Bootstrap教程:Bootstrap框架网格系统-如何列的嵌套

新起点博客阅读(61)评论(0)赞(0)

Bootstrap框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行(row)容器,然后在这个行容器中插入列(像前面介绍的一样使用列)。但在列容器中的行容器(row),宽度为100%时,就是当前外部列的宽度。代码示例: <...

Bootstrap教程:Bootstrap框架网格系统-列排序

新起点博客阅读(56)评论(0)赞(0)

列排序其实就是改变列的方向,就是改变左右浮动,并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。 我们来看一个简单的示例: ...

Bootstrap教程:Bootstrap框架网格系统-列偏移-新起点博客

Bootstrap教程:Bootstrap框架网格系统-列偏移

新起点博客阅读(54)评论(0)赞(0)

Bootstrap框架中我们有的时候,我们不希望相邻的两个列紧靠在一起,但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offs...

Bootstrap教程:icon图标调用及使用方法-新起点博客

Bootstrap教程:icon图标调用及使用方法

新起点博客阅读(352)评论(0)赞(0)

icon图标是我们在Web制作中常看到的小icon图标,可以说这些小icon图标是一个优秀Web中不可缺少的一部分,起到画龙点睛的效果。在Bootstrap框架中也为大家提供了近200个不同的icon图片,而这些图标都是使用CSS3的@fo...

Bootstrap教程:按钮状态——禁止状态如何设置-新起点博客

Bootstrap教程:按钮状态——禁止状态如何设置

新起点博客阅读(266)评论(0)赞(0)

和input等表单控件一样,在Bootstrap框架的按钮中也具有禁用状态的设置。禁用状态与其他状态按钮相比,就是背景颜色的透明度做了一定的处理,opcity的值从100%调整为65%。 在Bootstrap框架中,要禁用按钮有两种实现方式...

Bootstrap教程:按钮状态——活动状态

新起点博客阅读(253)评论(0)赞(0)

Bootstrap框架针对按钮的状态做了一些特殊处理。在Bootstrap框架中针对按钮的状态效果主要分为两种:活动状态和禁用状态。 Bootstrap按钮的活动状态主要包括按钮的悬浮状态(:hover),点击状态(:active)和焦点状...