bootstrap
文章平均质量分 81
榴莲丸子
拼命小丸子
展开
-
Bootstrap(一): 简介及使用方法
什么是bootstrap?是一种方便你编辑网页样式的方法,通过类名加载前辈设置好的样式网址:getbootstrap.com,中文网址:v3.bootcss.com使用:下载-下载源码(会下载一个压缩包),另一种下载方法(去bootcdn.com里下,搜索bootstrap-选择后缀名为bootstrap.css的地址拷贝),然后引入bootstrap,不断往里面加类即可。在不添加任何样式下,建立...原创 2018-04-10 15:19:46 · 460 阅读 · 0 评论 -
Bootstrap(二): 栅格系统
接着Bootstrap(一): 简介及使用方法 点击打开链接,继续学习bootstrap中的栅格系统栅格系统的作用:栅格系统是用于分割页面宽度的。比如说,我们现在想要将一个页面等分成4份,之前的做法是,给这4个块添加一个相同的类设置这个类的格式,让它们的宽度为25%,然后向左浮动。<style> .col-4{ width: 25%; floa...原创 2018-04-10 16:42:54 · 702 阅读 · 0 评论 -
Bootstrap(三): form表单
Bootstrap(二): 栅格系统点击打开链接如果和表单熟悉结课起来用会有非常强大的功能,网上对于bootstrap的学习资源很多,表单作为一个学习重点,很多大佬在自己的博客中都分享了自己对表单的理解,在这里我推荐一篇自己认为关于bootstrap表单学习写得很详细的文章:http://www.cnblogs.com/sankexin/p/5509955.html点击打开链接 ...原创 2018-04-12 15:03:04 · 9410 阅读 · 0 评论 -
Bootstrap(四): 按钮及按钮组
学完上一节Bootstrap(三): 表单点击打开链接,本节继续学习网页布局中的另一个重要的元素:按钮。 为了便于对按钮的样式分析,首先给接下去所有的按钮放在一个well类的div中进行比较,这个well类也是在bootstrap中定义的,目的是使该容器内容凹陷显示或者是有插图的效果。直接的,我们就来看不同button类的代码和效果图,然后再进行分析。<div c...原创 2018-04-12 17:30:18 · 1219 阅读 · 0 评论