有些菜单是需要向上弹出的，比如说你的菜单在页面最底部，而这个菜单正好有一个下拉菜单，为了让用户有更好的体验，不得不让下拉菜单向上弹出。在Bootstrap框架中专门为这种效果提代了一个类名“dropup”。使用方法正如前面所示，只需要在“btn-group”上添加这个类名（当然，如果是普通向上弹出下拉菜单，你只需要在“dropdown”类名基础上追加“dropup”类名即可）。<div class="btn-group dropup"><button class="btn btn-defau...
原文:JS组件系列——表格组件神器：bootstrap table（三：终结篇，最后的干货福利）前言：前面介绍了两篇关于bootstrap table的基础用法，这章我们继续来看看它比较常用的一些功能，来个终结篇吧，毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实，博主挑选了一些自认为比较常用的功能在此分享给各位园友。源码也在这篇统一给出。好了，不多说废话，开始我们的干货之旅吧。bootstrap table系列：...
一些git常用指令和自己使用时遇到的坑。记录储存库修改git配置使用git config -- 进入git仓库先cd路径，然后使用git init 注意：进到要提交的文件夹里，不要在父文件夹就使用git查看仓库状态git status添加文件git add .提交文件git commit -m "message"检查提交状态git log --oneline ※log有航海日志的意思，很形象！ ※oneline的作用是返回一行描述 ※退出按q回到老版本文件git checkout <commit><file> eg. git checkout afdbf...
一、前言在前一个专题快速介绍了KnockoutJs相关知识点，也写了一些简单例子，希望通过这些例子大家可以快速入门KnockoutJs。为了让大家可以清楚地看到KnockoutJs在实际项目中的应用，本专题将介绍如何使用WebApi+Bootstrap+KnockoutJs+Asp.net MVC来打造一个单页面Web程序。这种模式也是现在大多数公司实际项目中用到的。二、SPA（单页面）好处在介绍具体的实现之前，我觉得有必要详细介绍了SPA。SPA，即Single Page Web Applicati...
表单主要用来与用户沟通，好的表单就能更好的与用户进行沟通，而好的表单一定离不开表单的控件状态。 表单状态的作用： 每一种状态都能给用户传递不同的信息，比如表单有焦点的状态可以告诉用户可以输入或选择东西，禁用状态可以告诉用户不可以输入或选择东西，还有就是表单控件验证状态，可以告诉用户的操作是否正确等。那么在Bootstrap框架中的表单控件也具备这些状态。 焦点状态是通过伪类“:focus”来实现。Bootstra...
参考博客：http://www.cnblogs.com/landeanfen/p/4993979.html官方api:http://bootstrap-table.wenzhixin.net.cn/documentation/ $(‘#table‘).bootstrapTable({ data: data });原文：http://www.cnblogs.com/tianboblog/p/5613850.html
前言：之前的三篇介绍了下bootstrap table的一些常见用法，发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能，前端使用原始的input type=‘file‘这种标签，效果不忍直视，于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源，那么社区肯定有很多关于它的组件，肯定也有这种常见的上传组件吧。经过一番查找，功夫不负有心人，还是被博主找到了这个组件：bootstrap fileinput。关于这个组件的简单...
前言 根据前文我们知道，NioEventLoopGroup和NioEventLoop是netty对Reactor线程模型的实现，而本文要说的ServerBootstrap是对上面二者的整合与调用，是一个统筹者和协调者。具体netty使用的是Reactor单线程模型还是多线程模型、抑或者主从多线程模型，都是ServerBootstrap的不同配置决定的。 下面照例粘贴一下示例demo（以Reactor多线程模式构建），开始正文。 1publicclass NettyDemo1 {2// netty服务端的一般性写法 3publi...
我们常把下拉菜单和普通的按钮组排列在一起，实现类似于导航菜单的效果。使用的时候，只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级<div class="btn-group"><button class="btn btn-default" type="button">首页</button><button class="btn btn-default" type="button">产品展示</button><button class="btn btn-default" type="button">案例分析</button><button class="btn btn-...
前言：之前的一篇介绍了下如何封装自己的组件，这篇再次来体验下自己封装组件的乐趣。看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap 树控件使用经验分享，这篇里面第一个Jquery Tree，只是用简单样式和js去实现了效果，没有给出一个系统的封装，这篇博主就来试试在此样式的基础上封装一个稍微完整点的树形组件。一、组件效果预览其实效果和之前的那个差不多，博主只是在之前的基础上加了一个选中...
原文:JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看bootstrap里面弹出框和提示框的...
在导航条中添加二级菜单也非常简单<div class="navbar navbar-default" role="navigation"><div class="navbar-header"><a href="##" class="navbar-brand">导航条</a></div><ul class="nav navbar-nav"><li class="active"><a href="##">网站首页</a></li><li class="dropdown"><a href="##" data-toggle="dropdown" class="dropdown-toggle">系列教程<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="##"...
???? ?Bootstrap 目前是比较流行的网站开发框架，今天我们来介绍几个Bootstrap的在线编辑器。? ?Bootply? ???Bootply被称为是Bootstrap的活动平台。它不但是一个Bootstrap的编辑器和生成器，同时也拥有非常广泛的代码库。该编辑器可以让你拖拽Bootstrap组件并可以编辑你自己的代码。Bootply 同时也整合了其他流行的Bootstrap插件，微型代码库和框架。你也可以借助其他工具的使用像Font Awesome, jQuery + jQuery UI, Bootstrap Sel...
转自：http://www.cnblogs.com/aehyok/p/3404867.html前言 首先在此多谢博友们在前几篇博文当中给与的支持和鼓励，以及在回复中提出的问题、意见和看法。 在此先声明一下，之前在下小菜所有的随笔文章中，只有前两篇关于Bootstrap的文章发表在了博客园的首页，对于发布的这两篇文章的感受就是：大家的参与度比之前的高很多。当然也不是说看到自己的文章发布在首页，有了几千甚至几万访问量，个人觉得自己所分享的一点东西可能...
文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。<form role="form"><div class="form-group"><textarea class="form-control" rows="3"></textarea></div></form> 原文：http://www.cnblogs.com/qingyuan/p/4598784.html