bootstrap
小疯疯0413
因为代码可以改变世界,所以我从未放弃
展开
-
每日一bootstrap 表单
这一篇来到复习一下bootstrap的表单,表单还是比较重要的一部分,学好表单还是很重要的。表单有几点还是要注意的,一个是label虽然在网页上没什么太多效果,但对于鼠标用户非常友好,label可以使我们点击label设置的文字自动就使光标出现在控件上。试一试就懂了。 在是,最好使用form-group将控件和label包裹在一起,这样整体的布局更好看。form-control自动使表单表单宽度为原创 2016-03-16 20:56:06 · 736 阅读 · 0 评论 -
每日一bootstrap 按钮
按钮是网页上常见的一个标签,所以复习下按钮的样式。首先要知道的是,在bootstrap中 a button input都可以赋予按钮样式,a标签需要注意有些地方的使用 所以如果就是单纯的按钮的话建议就使用button标签就好。而且如果在导航条上单独使用按钮时(如果不在form中出现)也需要注意垂直居中问题。下面开始敲代码 <button class="btn btn-default"原创 2016-03-19 22:19:25 · 400 阅读 · 0 评论 -
每日一bootstrap 栅格
最近写bootstrap少了,老是忘记,所以决定每天从基础开始一点点敲敲,bootstrap很好学,看着官网的API都敲一遍就会了 一下都是我的一下体会什么的,希望可以帮到大家~~ 今天敲了敲栅格,栅格只要搞清楚栅格把屏幕分成12个分区,有xm,sm,md,lg四大屏幕尺寸,再敲一敲就可以掌握首先先看一下栅格如何分为12个区的,我的样式比官网的丑点- -~~还有一点官网特意强调了,我们使用的ro原创 2016-03-10 10:44:53 · 492 阅读 · 0 评论 -
每日一bootstrap 下拉菜单
下拉菜单要使用JS插件,bootstrap的JS插件是基于jquery的,所以我们同时需要加载jquery代码很简单。下面贴出来 <div class="dropdown"> <button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropd原创 2016-03-22 20:37:10 · 415 阅读 · 0 评论 -
每日一bootstrap 表格
表格so easy的。今天复习起来还是蛮快的一会就敲完了~~敲完就可以干别的事了 表格只要记住原来的HTML格式,那就是加几个class的事情,非常容易 代码用到了上一次复习的栅格布局。 感觉代码也没啥可说的,自学的话看着API也会很简单,我这给懒人放下图片,看看样式的样子<!--table给表格添加了最基本的样式添加了内填充,而table-striped加上了斑马线--><div class原创 2016-03-12 09:54:20 · 554 阅读 · 0 评论