bootstrap组件

一、Bootstrap常用的组件：
icon图标，下拉菜单，导航，导航条，输入框，缩略图，媒体对象，列表组，分页导航。
二、小图标：
1.bootstrap中内置提供了250多种小图标。
2.语法：首页
三、下拉菜单：

往下拉

NO.1
NO.2
NO.3
NO.4

四、输入框：

姓名

百度一下

五、导航：
1.选项卡导航：
class=“nav nav-tabs”
2.胶囊式选项卡导航：
class=“nav nav-pills”
3.自适应导航：
class=“nav nav-tabs nav-justified”
4.二级导航：
通过ul-li实现，和下拉菜单的实现方式是一样的。
六、导航条：
1.基础导航条：

2.导航条中的表单：
在ul标签外面直接写输入框的代码即可。注意form的class=“navbar-form navbar-right”
3.导航条中的文本，按钮，链接

按钮

4.顶部固定导航条和底部固定导航条:
（1）顶部：class=“navbar-fixed-top”
（2）底部：class=“navbar-fixed-bottom”
5.响应式导航条：
需要加的属性是:class=“collapse navbar-collapse”

bootstrap组件相关推荐

ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件
Bootstrap为我们提供了十几种的可复用组件,包括字体图标.下拉菜单.导航.警告框.弹出框.输入框组等.在你的Web Application中使用这些组件,将为用户提供一致和简单易用的用户体验. ...
BootStrap 组件和样式
BootStrap 简介概念: 课程目标: 响应式布局技术了解BootStrap前端框架二.BootStrap Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局.移动设备优 ...
JS组件系列——Bootstrap组件福利篇：几款好用的组件推荐（二）
阅读目录七.多值输入组件manifest 1.效果展示 2.源码说明 3.代码示例八.文本框搜索组件bootstrap-typeahead 1.效果展示 2.源码说明 3.代码示例九.boots ...
Bootstrap组件福利篇：十二款好用的组件推荐
阅读目录一.时间组件 1.效果展示 2.源码说明 3.代码示例二.自增器组件 1.效果展示 2.源码说明 3.代码示例三.加载效果一.实用型二.炫酷型四.流程图小插件 1.效果展示 2.源 ...
Bootstrap 组件
2.Bootstrap 组件 Bootstrap组件是Bootstrap框架的核心之一.可以利用Bootstrap组件构建出绚丽的页面常用的组件:Icon图标(Glyphicon).下拉菜单(Dro ...
【bootstrap组件】几个常用的好用bs组件
这次开发了个小TRS系统,虽然是很小,但是作为初心者,第一次用到了很多看起来洋气使用起来有相对简单的各种前端(主要是和bootstrap配合使用)组件.包括bootstrap-select2,boot ...
Bootstrap组件_路径导航，标签，徽章
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
Bootstrap组件_导航
标签页注意 .nav-tabs 类依赖 .nav 基类.<!DOCTYPE html> <html lang="en"> <head><m ...
Bootstrap组件_按钮组
按钮组通过按钮组容器把一组按钮放在同一行里.通过与按钮插件联合使用,可以设置为单选框或多选框的样式和行为.<!DOCTYPE html> <html lang="en&qu ...

bootstrap组件

bootstrap组件相关推荐

最新文章

热门文章