前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html 本文主要来讲解以下内容 1.大屏幕介绍 2.页面标题 3.缩略图 4.警示框 5.Well 6.总结 大屏幕介绍 轻量，灵活的可选组件，扩展整个视角，展示您站点上的关键内容。要让大屏幕介绍是屏幕宽度，请别把它包括在.container。 Hello, world! This is a simple hero unit, a simple jumbotron-...
border-radius是最常见的CSS3属性，但你知道他多少东西呢？ 比如： border-radius:2em; 相当于什么？ border-top-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em; 实际上，其首先都是水平方向（top or bottom）的弧度，然后才是垂直方向的弧度（left or right）。 忘记在哪里的一道题目 请用CSS实现如上图一样的椭圆，有兴趣的同学可以思考一下...
bootstrap是个好东西，对于CSS不是很熟悉的同学可以用它快速的做个不丑的网站。 但是bootstrap是个12栅格的系统，显示5列比较麻烦，今天我也刚好有这个需求，就稍微研究了下，并且成功了。具体的做法是： 在 head 里加载 bootstrap 的 css 之后 自己再添加几个 css class 1 2 .col-lg-2dot4 { 3 position: relative; 4 min-height: 1px; 5 padding-right: 15px; 6 padding-left: 15px; 7 } 8 @media (min-...
本篇主要包括： ■ Page Header■ Breadcrumbs■ Button Groups■ Dropdowns■ Button Dropdowns■ 用Button和Dropdowns模拟Select■ Input Groups■ Thumbnails■ Panels■ Wells □ Page Header Page Header是指页面最顶部。 超级球迷 关于我们 以上div会跑到页面最顶部。 □ Breadcrumbs 面包屑。 主页 关于我们 关于我们 ...
本篇体验图片轮播。html部分为： 马塔破门曼联平 2014/15赛季英格兰足球超级联赛第2轮一场焦点战在光明球场展开角逐 ...
本篇主要包括： ■ Grid简介■ 应用Grid■ Multiple Grids Grid简介 Bootstrap中，把页面分成12等份，这就是所谓的Grid。 在Bootstrap中，用类名控制，这些类型遵循".col-xx-6"类似的形式。 2个6就占满整个页面。所以，类名最后面的数字表示要占几个格子。 又比如，3个4也占满整个页面。 又比如，4个3也占满整个页面。 又比如，6个2也占满整个页面。 另外，类似".col-xx-10 .c...
本篇主要包括： ■ 自定义CSS■ 自定义Theme■ 自定义Package 自定义CSS 有时候，需要自定义或重写Bootstrap默认的CSS。→在css文件夹下创建一个site.css→假设要对container类重写，在site.css中 .container { background-color: #eee;} →把site.css引用到index.html中，并放置在bootstrap.min.cs的下方 →浏览index.html，发现背景色已经变成灰色 自定义Theme 在区域内，...
当希望把同类型的内容以列表、区块展示的时候，ListGroup是不错的选择。<div class="col-sm-6"> <h3>马云为恒大生死战开出男人奖 </h3> <p> 8月27日晚，广州恒大将迎来亚冠联赛生死战，主场迎战西悉尼流浪者队，由于一周之前已经在客场0-1负于对手，本场比赛恒大队必须置死地而后生在主场净胜对手两球。就在今天中午，前不久入主恒大的阿里巴巴老板马云来到球队，在鼓励球员的同...
在Bootstrap页面中，通常用Panels来展示主要功能的内容。该部分Html为： 更多信息 广州恒大淘宝队的官方网站和微博同时发布了几张海报，预热本周三晚8点即将到来的亚冠1/4决赛第二回合。 扭转乾坤期待胜利 ...
Bootstrap是Twitter退出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态Css语言和Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 ...
文章来源： 上一节：ASP.NET MVC5 + EF6 入门教程 (6) View中的Razor使用 源码下载：点我下载 要做一个完整的系统，除了需要MVC这样的B/S框架及EF这样的数据库访问技术之外，一个简洁、美观、大方的UI框架也是必不可少的。 话不多说，有请今天的主角登场！！ 看看它的自我介绍，是不是很?。没错，这个介绍一点都不夸张。 回想起第一次工作中用Bootstrap做了一个专题网站，我们外籍老板就说了一个字：Amazing！ ...
bootstrap3随笔 [TOC] 布局容器 Bootstrap需要为页面内容和栅格系统包裹在一个.container容器 !!! Caution "Warning!" 由于padding等属性的原因，这两种容器不能互相嵌套 .container类用于固定宽度并支持响应式布局的容器 .container-fluid类用于100%宽度，占据全部视口(viewport)的容器 栅格参数 超小屏幕 <768px .col-xs- 小屏幕 >768px .col-sm- 中等屏幕 >992px .col-md- 大屏幕 >1200px .col-lg- 排版...
我想实现一个二级垂直下拉菜单，大概要如何实现：点击用户管理就弹出4个子菜单，再点一次就缩回去，文件管理也类似 回复讨论(解决方案) 下拉列表放在一个list里面，一开始display为none，这样不占地方，当点击用户管理时解发函数把display改为block就行了 下拉列表放在一个list里面，一开始display为none，这样不占地方，当点击用户管理时解发函数把display改为block就行了 我用了网上的源码算是出来了一...
TiTatoggle是个什么鬼？ TiTatoggle其实是一款基于Bootstrap3的纯CSS滑动开关按钮组件。 不同于其他按钮组件，TiTatoggle滑动按钮组件没有使用Javascript，在这个组件中，它的HTML结构和原生的Bootstrap checkbox组件结构基本相同，方便易用，且提供了多种主题样式：IOS样式和Material样式等。下面我们就来看看TiTatoggle的安装和使用方法。 1、安装 TiTatoggle这么方便易用，那怎么安装呢？其实它可以通过Bower来安装： $...
出于学习需要，自觉得把基本的bootstrap用法自己敲一遍，对每个用法有个较清晰的印象，所以做了本篇总结，这也是一个巩固的学习过程。 可点击左边的目录，方便速查。 按钮 a,input,button都可以设置为按钮 a标签按钮 button标签按钮 a标签按钮 button标签按钮 预置样式 default样式 primary样式 success样式 info样式 warning样式 danger...
bootstrap是个好东西，对于CSS不是很熟悉的同学可以用它快速的做个不丑的网站。