文章分类 -  Web前端

Bootstrap学习入门（9）--bootstrap中的按钮
摘要：在任何的网页中, 我们都会经常性的使用一些按钮, 不管是那种展现方式的. 一个好的样式按钮, 才能给网站带来不一样的美感. 下面看一下bootstrap中的按钮吧. Let's go!!1、在bootstrap中, 按钮(button)有不同的六种方式. 默认的button的样式是: btn. 这个... 阅读全文
posted @ 2015-12-16 16:12 jeffkuang 阅读(2765) 评论(0) 推荐(0)
Bootstrap学习入门（8）--bootstrap中的表格
摘要：在这篇经验中主要是想说一下bootstrap中的表格. bootstrap中的表格能够很好的显示想要显示的页面, 然后也能够用响应式的方式来处理显示的表格.1、首先, 你要知道一个基础table的标签怎么去写, 只有知道这个基础, 你才能更好的用bootstrap中的table. html在这不过多... 阅读全文
posted @ 2015-12-16 15:20 jeffkuang 阅读(489) 评论(0) 推荐(0)
Bootstrap学习入门（7）--登录界面案例
摘要：使用bootstrap做一些小的例子, 如果光靠看一些知识点, 是没有办法快速的去学习一些知识的. 这里讲解怎么去做一个简单的登录案例. Let's go!工具/原料bootstrap框架.文本编辑器(这里随意, 不过推荐使用带有语法高亮的编辑器, 写代码比较方便, 还容易找错误)方法/步骤：1、前... 阅读全文
posted @ 2015-12-16 14:47 jeffkuang 阅读(22640) 评论(1) 推荐(0)
Bootstrap学习入门（6）--解决中文乱码问题
摘要：今天使用bootstrap编辑网页的时候发现中文乱码了，其实这种情况非常常见，也不是bootstrap的问题，而是dreamweaver（我使用dreamweaver进行编辑）和网页编码是否一致的问题，假如我现在想使用utf-8进行网页编码，怎么确保不会出现乱码呢？主要就是设置dreamweaver... 阅读全文
posted @ 2015-12-16 12:47 jeffkuang 阅读(1188) 评论(0) 推荐(0)
Bootstrap学习入门（5）--列偏移
摘要：现在，我们使用列偏移来设置div标签的偏移位置，很简单，看代码。1、这是我现在的代码，你可以看一下再浏览器中的显示样式2、假如我现在要将下面两个div的宽度减小为5列，会变成这样子，页面右侧空出两列的空白3、我们可以使用来让这个div向右偏移两个列4、现在页面就美观了很多。 阅读全文
posted @ 2015-12-16 12:42 jeffkuang 阅读(471) 评论(0) 推荐(0)
Bootstrap学习入门（4）--栅格系统详解
摘要：我们都知道bootstrap3.0使用了四种栅格选项来形成栅格系统，这四种选项在官网上的介绍如下图，很多人不理解，这里跟大家详解一下四种栅格选项之间的区别，其实区别只有一条就是适合不同尺寸的屏幕设备。我们看class前缀这一项，我们姑且以前缀命名这四种栅格选项，他们分别是col-xs ,col-sm... 阅读全文
posted @ 2015-12-16 12:25 jeffkuang 阅读(486) 评论(0) 推荐(0)
Bootstrap学习入门（3）--基本布局方法
摘要：今天继续bootstrap的教程，看看如何使用bootstrap进行网页的基本布局，可能接下来的几篇都要介绍布局，这里算是一篇抛砖引玉吧，和以前的传统一样，我们用一个案例来讲解。1、先来看看我们一开始的代码，现在只有三段文字2、在浏览器中是这样显示的：3、用container类将三段文字都装起来，可... 阅读全文
posted @ 2015-12-16 10:29 jeffkuang 阅读(507) 评论(0) 推荐(0)
Bootstrap学习入门（2）--在网页中加载bootstrap
摘要：我们开始适用bootstrap来制作网页，我用的编辑器是dreamweaver，这是一个学网页前段开发的人不能少的软件，就不多说了。下面看看网页中需要怎么加载bootstrap中的资源呢。1、首先在Dw中创建一个html5文件，在开始页面点击【更多】2、选择文档类型，然后点击确定3、在代码视图我们先... 阅读全文
posted @ 2015-12-16 10:21 jeffkuang 阅读(1271) 评论(0) 推荐(0)
Bootstrap学习入门（1）--下载与部署bootstrap
摘要：1、百度一下bootstrap中文网，你就能找到中文官方网2、进入这个网站，我们点击这个按钮，就可以跳转到bootstrap下载页面http://www.bootcss.com/3、点击下载4、你下载得到的是一个压缩包，解压以后会看到这三个文件夹，我们设计的网页就是在这三个文件夹的支持下进行的开发5... 阅读全文
posted @ 2015-12-16 10:03 jeffkuang 阅读(552) 评论(0) 推荐(0)