BootStrap - 随笔分类 - keiling

摘要：登陆 × Login UserName: Password: Login 阅读全文

posted @ 2014-04-02 16:22 keiling 阅读(262) 评论(0) 推荐(0)

摘要：标题1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. 标题2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor... 阅读全文

posted @ 2014-04-02 15:32 keiling 阅读(216) 评论(0) 推荐(0)

BootStrap2学习日记22---点击展开

摘要：先看效果:Code： Click me to exapand. Click me again to collapse. Part I. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ... 阅读全文

posted @ 2014-04-02 14:45 keiling 阅读(209) 评论(0) 推荐(0)

BootStrap2学习日记21---消息提示

摘要：中国中国阅读全文

posted @ 2014-04-02 10:06 keiling 阅读(184) 评论(0) 推荐(0)

BootStrap2学习日记20---定制缩略图

摘要：先看看效果：代码: 小熊猫小熊猫（学名：Ailurus fulgens）又名红熊猫、红猫熊、小猫熊、九节狼等，是一种濒危的哺乳类动物分布在中国南方到喜马拉雅山麓等国。 more 考拉... 阅读全文

posted @ 2014-04-01 23:24 keiling 阅读(815) 评论(0) 推荐(0)

BootStrap2学习日记19---缩略图

摘要：缩略图代码: 效果：代码: 效果: 阅读全文

posted @ 2014-04-01 22:40 keiling 阅读(209) 评论(0) 推荐(0)

BootStrap2学习日记18---提示消息

摘要：代码: × 提示中国（China），位于东亚，是一个以华夏文明为主体、中华文化为基础，以汉族为主要民族的统一多民族国家，通用汉语。中国疆域内的各个民族统称为中华民族，龙是中华民族的象征。 show jQ部分:如想让关闭掉的Alert box 再次显示需要修改bootstrap.js文件中的函数removeElement将里面的.remove()修改成.hide()如下: function removeElement() { $parent .trigger('closed') .hide() }效果: 阅读全文

posted @ 2014-04-01 21:40 keiling 阅读(205) 评论(0) 推荐(0)

BootStrap2学习日记17---导航路径和分页

摘要：导航路径代码: Home> Product List 效果：分页器代码： 1 2 3 4 5 6 效果:代码: 上一页下一页效果:代码: 上一页下一页效果: 阅读全文

posted @ 2014-04-01 21:13 keiling 阅读(278) 评论(0) 推荐(0)

BootStrap2学习日记16---选项卡内容

摘要：代码：中国美国日本英国加拿大中国（China），位于东亚，是一个以华夏文明为主体、中华文化为基础，以汉族为主要民族的统一多民族国家，通用汉语。中国疆域内的各个民族统称为中华民族，龙是中华民族的象征。美国日本英国加拿大在每个里面中添加两个属性href="#tab1" data-toggle="tab"其中”#tab+数字" 对应下面的 id=“tab+数字”效果：控制选项卡的位置：效果：在上述代码最外层添加一个标签并添加类“tabbable“ ，”tabs-left”---... 阅读全文

posted @ 2014-04-01 20:57 keiling 阅读(208) 评论(0) 推荐(0)

BootStrap2学习日记15----选项卡

摘要：导航格式1: 中国美国日本英国加拿大效果1:导航格式2: 中国美国日本英国加拿大效果2：选项卡格式3：中国美国日本英国加拿大效果3：在ul 的 class 中加入 nav-stacked 效果如下：阅读全文

posted @ 2014-04-01 20:36 keiling 阅读(151) 评论(0) 推荐(0)

BootStrap2学习日记14----导航

摘要：Logo 标题1 标题2 标题3 下拉1 选项1 选项2 选项3 选项4 选项5 选项6 ... 阅读全文

posted @ 2014-04-01 20:13 keiling 阅读(291) 评论(0) 推荐(0)

BootStrap2学习日记13----关于按钮

摘要：普通按钮代码： a标签 button标签此时class属性为空效果:给每个标签的Class加上“btn”后效果如下:BootStrap按钮的其他样式：显示小图标: a标签 button标签按钮的群组代码1: 首页上一页下一页尾页只需在按钮外部添加一个class=“btn-group”的div标签即可代码2: ... 阅读全文

posted @ 2014-04-01 15:36 keiling 阅读(208) 评论(0) 推荐(0)

BootStrap2学习日记12---注册表单

摘要：UserName: Please enter a user name you want to register. Password: Please enter a password you want to register. submit 先看Bootstrap下表单的效果添加一些分组元素后代码如下: UserName: ... 阅读全文

posted @ 2014-04-01 15:18 keiling 阅读(271) 评论(0) 推荐(0)

BootStrap2学习日记11---单选框多选框

摘要：单选框代码: 国家效果:单击多选框的实现直接在Select标签加上multiple="multiple" 即可代码如下:效果: 阅读全文

posted @ 2014-04-01 14:51 keiling 阅读(647) 评论(0) 推荐(0)

BootStrap2学习日记10---单选框和复选框

摘要：选择你的性别男女人妖上述代码的效果：复选框：选择你的性别男女人妖效果: 阅读全文

posted @ 2014-04-01 00:41 keiling 阅读(1836) 评论(0) 推荐(0)

BootStrap2学习日记9---文本框的前缀和后缀

摘要：先来看一段代码： ¥ .00 效果如下:容易发现加了“add-on”的Span标签通过div的class属性"input-append"和"input-prepend"与文本框合并了“add-on”类可以使与在保证同一行同一高度如果去掉div的class中的:”input-append“效果如图-1（图-1）“input-prepend”效果如图-2（图-2）下面的代码是实现一个搜索框: 效果如图: 阅读全文

posted @ 2014-04-01 00:21 keiling 阅读(450) 评论(0) 推荐(0)

BootStrap2学习日记8---表单

摘要：用户名请输入你的用户名，注意格式效果: 阅读全文

posted @ 2014-03-31 15:50 keiling 阅读(136) 评论(0) 推荐(0)

BootStrap2学习日记7---表格

摘要：基本表代码：基本表科目分数学分指导老师数学 100 5 高斯数学 100 5 高斯数学 100 5 高斯数学 100 5 高斯数... 阅读全文

posted @ 2014-03-31 13:05 keiling 阅读(227) 评论(0) 推荐(0)

BootStrap2学习日记6---代码

摘要：&lt；表示“”在BootStrap中标记代码的标签使用,标记代码块使用(里面的代码特殊标签必须转义)下面我们看一个例子代码：代码这是一个<h1>标签int temp=0; <dl class="dl-horizontal"> <dt>Mybatis</dt> <dd>MyBatis 是支持普通 SQL查询，存储过程和高级映射的优秀持久层框架。</dd> <dt&am 阅读全文

posted @ 2014-03-31 12:40 keiling 阅读(268) 评论(0) 推荐(0)

BootStrap2学习日记5---列表

摘要：常用列表标签有3中如下：例子：列表无序列表/有序列表/描述列表无序列表 Mybatis Spring MVC 有序列表 Mybatis Spring MVC 描述列表 MybatisMyBatis 是支持普通 SQL查询，存储过程和高级映射的优秀持久层框架。 SpringSpring是一个开源框架，Spring 是于2003 年兴起的一个轻量级的Java。 MVC模型－视图－控制器一种软件设计模式。 ... 阅读全文

posted @ 2014-03-31 10:47 keiling 阅读(202) 评论(0) 推荐(0)

随笔分类 - BootStrap

公告