为了账号安全,请及时绑定邮箱和手机立即绑定

Bootstrap

bootstrap简介、环境安装、排版、表格、按钮、表单、图片、网格

一、 简介 概述 该框架是由Twitter公司(全球最大的微博)两个工程师研发的,基于html、css、javascript的开源框架。 用途 重要部分就是响应式布局,丰富多样的样式定义、组件和插件 二、 环境安装 下载 Sass和Less 是升级版的CSS 我使用的bootstrap代码是经过编译过的代码。 框架结构 标准模板 1) 让浏览器以最新的IE内核版本或使用谷歌内核去渲染当前页面,是先...

347浏览 5推荐 1评论

Maven多模块+SSM框架(五、Bootstrop3+Sitemes

前言 第四篇写完后发现显示到前台真的好难看,如果说实战的话当然这个东西做好后一定让用户鄙视。(没法看~~) So!加上Twitter推出的前端开发的开源工具包Bootstrop还是不错的选择。 Sitemesh 3听到这个词,不知道什么东西,能干嘛?简单来说: Sitemesh 是一个网页布局和修饰的框架,知道 ASP.NET 的同学应该了解母版这个东西,比较类似啦!还不了解?别急,等东西做出来就...

847浏览 2推荐 0评论

jquery复习之路---选择器

一,基本选择器 1,id 选择器 var $div = $("#idName"); 和DOM的document.getElementById("id"); 2,class类选择器 var $div= $(".className") ;和 DOM的document.getElementsByClassName("className...

430浏览 5推荐 0评论

玩转Bootstrap基础——网格系统、下拉菜单

列偏移(offset): 只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度 <div class="row"> <div class="co...

407浏览 5推荐 2评论

玩转Bootstrap基础——表格

Bootstrap为表格不同的样式风格提供了不同的类名,主要包括: .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格 响应式表格: 当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当...

295浏览 2推荐 0评论

玩转Bootstrap基础——排版

<small>副标题</small> <p>我是一个普通的段落,我不需要强调显示</p> <p class="lead">这部分内容需要特别的强调,我和别人长得不一样</p> <p>我是一个段落,这个段落中“<strong>强调</strong>”...

314浏览 1推荐 0评论

响应式常用的布局尺寸

类型 布局宽度 列宽 间隙宽度 大屏幕 大于等于1200px 70px 30px 默认 大于等于980px 60px 20px 平板 大于等于768px 42px 20px 手机到平板 小于等于767px 流式列,无固定宽度 手机 小于等于480px 流式列,无固定宽度 / 大屏幕 / @media (min-width: 1200px) { ... } / 平板电脑和小屏电脑之间的分辨率 / @...

558浏览 2推荐 0评论

自己写的响应式Html5加Bootstrap官网代码,仅供参考学习

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name...

518浏览 4推荐 0评论

bootstrap排版内容总结

1、标题: (1)标签<h1>到<h6>,但是Bootstrap覆盖了其默认样式。 (2)通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置: * 重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px;h4~h6重置后的值都是10px。 * 所有标题的行高都是1.1(也就是font-size的1.1倍),而且文...

691浏览 4推荐 0评论

2017.05.18...导航笔记

1.使用<ul>标签 2.添加类nav,无导航样式效果 3.必须再添加选项卡导航nav-tabs或者胶囊导航nav-pills对应的类名,此时float:left,可以设置活动状态active和禁用状态disabled 4.可以设置垂直导航,必须再.nav .nav-tabs/.nav-pills基础上添加类名nav-stacked,此时float:none,垂直导航中还可以添加分割线...

586浏览 6推荐 0评论

bootstrap-fileinput 组件在上传时传递附带额外如何参

如果回英文的朋友一下子,去官网看一下子就明白拉。 下面這样的格式就ok了。 感觉在网上问fileinput 上传附带参数挺多的。 $('#file-es').fileinput({ language: 'zh', uploadUrl: '{$url}', allowedFileExtensions : ['jpg', ...

1813浏览 2推荐 1评论

Bootstrap一些基础知识

HTML标准模板 (1)bootstrap下载的文件结构 (2) Bootstrap 崇尚移动先行 <meta name="viewport" content="width=device-width,initial-scale=1.0"> UI布局的宽度和移动设备的宽度一致,缩放大小为原始大小(不缩放)。 (4)Bootstrap不支持IE的兼容...

896浏览 10推荐 0评论

关于分辨率缩小时,list-group隐藏为按钮的问题解决方法

查看了例子中的源码,有个offcanvas.css和offcanvas.js需要加载。 offcanvas.css的源码: /* * Style tweaks * -------------------------------------------------- */ /*html, body { overflow-x: hidden; Prevent scroll on narrow devi...

510浏览 2推荐 1评论

Bootstrap radio form提交时取不到值

今天第一次在表单中用Bootstrap radio,发现后台获取不到值。研究后发现原来radio看起来选中了其实并没有选中,需要用代码先设置点击label后选中该label下的radio。 <div class="btn-group" id="color" data-toggle="buttons"> <label cl...

1505浏览 3推荐 1评论

Angular2集成开发环境 原创

我在很多群里面看到,很多刚刚入行的道友,或者刚刚入手Angular的道友,都说搭建开发环境好麻烦。有些人说搞了一整天都搞不定,于是就放弃了。看到这里,小僧很心痛啊! 于是,我就拿Ubuntu 16.04做了一个VMware镜像,把环境都搭建好了,你们只要把它下载下来,就可以上手玩儿NiceFish了。 VMware镜像百度网盘链接:https://pan.baidu.com/s/1pLlR4Rx ...

4959浏览 36推荐 6评论
首页上一页12345下一页尾页
意见反馈 常见问题 APP下载
官方微信