bootstrap 高亮

bootstrap设计网站中添加代码高亮插件

这款插件的名字叫做google-code-prettify 使用该插件之前的效果: 使用插件之后的效果: 接下来说步骤: (1)下载两个文件 http://codecloud.sinaapp.com/google-code-prettify/prettify.css http://codecloud.sinaapp.com/google-code-prettify/prettify.js (2)在head中引入这两个文件 <link href="google-code-prettify/p

bootstrap设计站点中加入代码高亮插件

这款插件的名字叫做google-code-prettify 使用该插件之前的效果: 使用插件之后的效果: 接下来说步骤: (1)下载两个文件 http://codecloud.sinaapp.com/google-code-prettify/prettify.css http://codecloud.sinaapp.com/google-code-prettify/prettify.js (2)在head中引入这两个文件 <link href="google-code-prettify/p

bootstrap设计站点中加入�代码高亮插件

这款插件的名字叫做google-code-prettify 使用该插件之前的效果: 使用插件之后的效果: 接下来说步骤: (1)下载两个文件 http://codecloud.sinaapp.com/google-code-prettify/prettify.css http://codecloud.sinaapp.com/google-code-prettify/prettify.js (2)在head中引入这两个文件 <link href="google-code-prettify/p

翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 3

原文地址:http://ddmvc4.codeplex.com/ 原文名称:Design and Develop a website using ASP.NET MVC 4, EF, Knockoutjs and Bootstrap Part 1: 创建 Web Application (Knockout.js, Asp.Net MVC and Bootstrap): 前端设计在开始 UI 部分之前,我们先看一下在 ASP.NET MVC4 中使用 Knockoutjs 和 Bootstrap

Bootstrap JavaScript插件

在bs3.X中,提供了12种JavaScript插件,分别是:动画过渡(Transition).模态弹窗(Modal).下拉菜单(Dropdown).滚动侦测(Scrollspy).选项卡(Tab).提示框(Tooltip).弹出框(Popover).警告框(Alert).按钮(Button).折叠(Collapse).旋转轮播(Carousel).定位浮标(Affix). 由于各种加班,身心疲惫... 动画过渡源文件:transition.js 使用的动画过渡效果全部使用了 CSS3的

如何更高效地定制你的bootstrap

bootstrap已经作为前端开发必不可少的框架之一,应用bootstrap使得我们对布局.样式的设定变得非常简单.但bootstrap提供的默认样式往往不能满足我们的需求,从而定制化bootstrap成为我们经常需要做的工作,本文就如何更高效更可维护地定制bootstrap做一下探讨. 如下图,在你的button 中加入bootstrap的class: btn btn-primary,就可以将默认的button(左边)变成右边的样式. 可如果我们想应用自己的样式呢?比如我们想要拥有圆角的but

用 highlight.js 为文章中的代码添加语法高亮

来源:http://www.ghostchina.com/adding-syntax-highlighting-to-ghost-using-highlight-js/ ------------------------------------------------------------------------------------- 如果我们的文章中包含了代码,Ghost 默认是不做处理的,也就是说:没有为代码增加语法高亮. 其实,这个问题可以从 Ghost 系统入手解决,可惜现在 Gho

Bootstrap学习笔记（二）

这一节笔记主要记录排版内容笔记,其内容包括标题.文本(包括段落.粗斜体.对齐).列表.表格等. 一.标题在bootstrap中H1-H6与非框架版的区别不大,需要注意的是<small>标签,在bootstrap中<small></small>标签中的文字设置成了灰色(#999) 二.文字 1.段落全局文本为14px,行高大约是20px,颜色为深灰色(#333),字体是"Helvetica Neue", Helvetica, Arial, sans

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

Play1+angularjs+bootstrap ++ (idea + livereload)

我的web开发最强组合:Play1+angularjs+bootstrap ++ (idea + livereload) 时间 2012-12-26 20:57:26 Freewind.me原文 http://freewind.me/blog/20121226/1167.html 首先说明我开发web的情况: 个人开发前后端全部自己搞定网站类型多为传统多页面程序注重开发效率 Javascritp能力不强美术细胞很少由于每个人情况不同,选择技术及方案的重点也不同,所以内容仅供参考.对

bootstrap 时间控件带（时分秒）选择器

1.控件下载地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm,参数设置说明也在这个链接下面: 2.具体参数说明(复制原链接): format(设置时间格式.详细介绍见原链接): yyyy-mm-dd yyyy-mm-dd hh:ii yyyy-mm-ddThh:ii yyyy-mm-dd hh:ii:ss yyyy-mm-ddThh:ii:ssZ weekStart: Integer. 默认值:0 一周从哪一天开始.0(

转载：Bootstrap之表格checkbox复选框全选

转:http://blog.csdn.net/shangmingchao[商明超的博客] 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: 版权声明:如需转载,请标明出处:http://blog.csdn.net/shangmingchao[商明超的博客] 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: [html] view plain copy <table class="table tabl

12款最佳的 WordPress 语法高亮插件推荐

语法高亮工具增强了代码的可读性,美化了代码,让程序员更容易维护.语法高亮提供各种方式由以提高可读性和文本语境,尤其是对于其中可以结束跨越多个页面的代码,以及让开发者自己的程序中查找错误.在这篇文章中,我们选择了12款最佳的 WordPress 语法高亮插件分享给大家,这将有助于你管理,美化和突出你的代码. 您可能感兴趣的相关文章 10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3 和 HTML5 网页模板 10款最新流行的 jQuery 插件,值得你收藏

Bootstrap系列 -- 9. 表格

一. Bootstrap 表格样式支持 Bootstrap提供了六种不同风格的样式支持,其中一个基础样式,4个附件样式,1个响应式设计样式 1. .table:基础表格 2. .table-striped:斑马线表格 3. .table-bordered:带边框的表格 4. .table-hover:鼠标悬停高亮的表格 5. .table-condensed:紧凑型表格 6. .table-responsive:响应式表格二. Bootstrap 行样式 <table class="ta

bootstrap学习总结-03 常用标签1

1 显示段落在HTML中,段落使用p标签包起来,重要的文字使用strong标签,em标签.<em> 标签告诉浏览器把其中的文本表示为强调的内容.对于所有浏览器来说,这意味着要把这段文字用斜体来显示.而在BootStramp中通过添加 .lead 类可以让段落突出显示. <h1>标签添加一个.page-header,可以为内容添加合适的边距,并且在下方显示一条灰色的边线. <!DOCTYPE html><html> <head>

《深入理解bootstrap》读书笔记：第4章 CSS组件（下）

十. 标签(.label类,label-xxx) 高亮一些标题部分. 1 2 3 4 5 6 <h1>HELLO<span class="label label-default">default</span></h1> <h1>HELLO<span class="label label-primary">primary</span></h1> <h1>HELL

《深入理解bootstrap》读书笔记：第三章 CSS布局

一. 概述一下理念 bootstrap基于H5开发.提倡移动先行(媒询声明是必须的),对浏览器支持面不是很广. 响应式图片:max-width:100% height:auto; 可以加上:.img-responsive类排版方面的基本样式为: body的margin为0,背景色为白色,行间距为20/14倍使用Normalize.css库,使各个浏览器差别最小化居中容器container有一个最大范围.(最大左右margin为auto,和设备有关) 二. 文字基础排版(全局设置) 1.

ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素

阅读目录 Bootstrap 栅格(Grid)系统 Bootstrap HTML元素 Bootstrap 验证样式 ASP.NET MVC创建包含Bootstrap样式编辑模板小结 Bootstrap提供了一套丰富CSS设置.HTML元素以及高级的栅格系统来帮助开发人员快速布局网页.所有的CSS样式和HTML元素与移动设备优先的流式栅格系统结合,能让开发人员快速轻松的构建直观的界面并且不用担心在较小的设备上响应的具体细节. 回到顶部 Bootstrap 栅格(Grid)系统在移动互联网的今天

ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件

阅读目录 Bootstrap 导航条列表组徽章媒体对象页头路径导航分页输入框组按钮式下拉菜单警告框进度条小结 Bootstrap为我们提供了十几种的可复用组件,包括字体图标.下拉菜单.导航.警告框.弹出框.输入框组等.在你的Web Application中使用这些组件,将为用户提供一致和简单易用的用户体验. Bootstrap组件本质上是结合了各种现有Bootstrap元素以及添加了一些独特Class来实现.Bootstrap元素我在上一篇文章中涉及到,具体可以参考<ASP

Bootstrap之表格checkbox复选框全选

效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: <table class="table table-bordered table-hover"> <thead> <tr class="success"> <th>类别编号</th> <th>类别名称</th> <th>类别组</th> <th>状态&l

bootstrap 高亮

热门专题