bootstrap

阅读 / 问答 / 标签

bootstrap轮播图模板-如何用Bootstrap制作轮播图 如何用Bootstrap制作轮播图工具/材料SublimeText01首先我们需要新建一个HTML5的文档,然后在文档中导入Bootstrap的样式文件,这个文件中包含了轮播图所有的样式定义,如下图所示02接下来我们需要导入脚本文件,注意先导入Jquery文件,然后导入bootstrap的脚本文件,顺序一定不能颠倒,如下图所示03然后在body标签里定义轮播图的容器,容器的大小需要和图片的大小一样,否则会出现轮播图错位,效果如下图所示04接下来我们就正式的添加轮播图了,这里先添加三张图,如下图所示,注意让哪种轮播图显示直接调用Bootstrap的active样式即可05轮播图片添加完毕以后,就可以添加轮播图焦点了。在Bootstrap中运用li列表定义轮播图焦点,注意焦点的数量和图片的数量要一样,如下图所示06轮播图中还有一个必不可少的元素就是左右箭头,通过Bootstrap的carousel-control样式添加轮播图箭头,如下图所示07最后我们运行程序以后,在页面中你就可以看到如下图所示的轮播图效果了。可以看到我们上面说的轮播图焦点和左右箭头都在页面上显示出来了,如下图所示如何用Bootstrap制作轮播图Bootstrap是Twitter推出的一个用于前端开发的开源工具包,并没有制作任何前端页面的功能。如果要实现轮播可以通过一下代码实现:<style_ype="text/css">*__adding:0;_argin:0;_ist-style-type:_one;_body__ackground-color:#222222_a,_mg__order:0;_body__ont:12px/180%_rial,_elvetica,_ans-serif,"新宋体";_/*_emo*//*五张图片在缩略图时所显示的位置调整*/#demo_i:nth-of-type(1)_mg__ransform:_ranslate(-210px);_#demo_i:nth-of-type(2)_mg__ransform:_ranslate(-180px);_#demo_i:nth-of-type(3)_mg__ransform:_ranslate(-380px);_#demo_i:nth-of-type(4)_mg__ransform:_ranslate(-450px);_#demo_i:nth-of-type(5)_mg__ransform:_ranslate(-320px);_#demo__idth:1160px;_eight:512px;_argin:60px_uto0_uto;_#demo_mg__idth:820px;_eight:512px;_ax-width:820px;_#demo_i__loat:_eft;_osition:_elative;_idth:82px;_eight:100%;_verflow:_idden;_ursor:_ointer;_ransition:0.5s;_ransform-origin:_ottom;_ilter:_lpha(opacity=50);_pacity:0.5;_#demo_i_mg__ransition:1.2s;_#demo_i___isplay:_lock;_#demo_i_iv__osition:_bsolute;_ottom:0;_eft:0;_idth:100%;_ackground:#000;_ine-height:32px;_ilter:_lpha(opacity=70);_pacity:0.7;_ext-indent:2em;_#demo_i_iv___olor:#FFF;_ext-decoration:_one;_#demo_i_iv_:hover__olor:#F00;_ext-decoration:_one;_#demo_{_ursor:_ointer;_ransform:_cale(1.02,1.08);_-index:3;_idth:820px;_ilter:_lpha(opacity=100);_pacity:1;_#demo_img__ransform:_ranslate(0px);_#demo_i:nth-of-type(1)__ransform-origin:_ottom_eft;_#demo_i:nth-of-type(5)__ransform-origin:_ottom_ight;_</style><script_rc="js/jquery-1.8.2."></script><script_ype="text/javascript"_rc="js/"></script><script_anguage="javascript">$(document).ready(function(e){_var_pt={"speed":"fast",//变换速度,三速度可选_low,normal,fast;"by":"mouseover",//触发事件,click或者mouseover;"auto":true,//是否自动播放;"sec":3000//自动播放间隔;_};___$("#demo").IMGDEMO(opt);__});</script></head><body><ul_d="demo">_<li_lass="active"><a_ref="#"><img_rc="images/1.png"_/></a>__<div><a_ref="#">Picture_nformation1</a></div>_</li>_<li><a_ref="#"><img_rc="images/2.png"_/></a>__<div><a_ref="#">Picture_nformation2</a></div>_</li>_<li><a_ref="#"><img_rc="images/3.png"_/></a>__<div><a_ref="#">Picture_nformation3</a></div>_</li>_<li><a_ref="#"><img_rc="images/4.png"_/></a>__<div><a_ref="#">Picture_nformation4</a></div>_</li>_<li><a_ref="#"><img_rc="images/5.png"_/></a>__<div><a_ref="#">Picture_nformation5</a></div>_</li></ul></div></body></html>本案例使用的是jQuery,需要与jquery-1.8.2.min的jQuery库!如何用Bootstrap制作轮播图你就把Bootstrap网站上的代码复制到你的页面上,引入""再在底部</body>上面引入下面两行JS文件代码就可以了<scriptsrc="//"></script>

Bootstrap栅格化格局怎么解决 首先用@media查询当前屏幕的大小，然后根据屏幕大小显示不同样式，样式都是用%定义的。自己模仿也实现了类似的布局，代码如下：//html文件<!DOCTYPE html><html><head><meta charset="utf-8"><title>自己实现栅格布局</title><link href="css/mystyle.css" rel="stylesheet" type="text/css"></head><body><div class="container"><div class="row"><div class="col-xs-6 col-sm-4">1-1</div><div class="col-xs-6 col-sm-4">1-2</div><div class="col-xs-12 col-sm-4">1-3</div></div><div class="row"><div class="col-xs-3 col-sm-3">2-1</div><div class="col-xs-6 col-sm-6">2-2</div><div class="col-xs-3 col-sm-3">2-3</div></div><div class="row"><div class="col-xs-2 col-sm-1">3-1</div><div class="col-xs-2 col-sm-1">3-2</div><div class="col-xs-8 col-sm-2">3-3</div><div class="col-xs-3 col-sm-2">3-4</div><div class="col-xs-3 col-sm-6">3-5</div></div></div></body></html>//css文件*{margin:0px;padding:0px;box-sizing: border-box;}.container{width:100%;max-width: 1201px;}.container,[class*="col-"]{border:solid 1px #999;}.row:before,.row:after{content:"";display: table;clear:both;}[class*="col-"]{float:left;min-height:1px;padding:12px;height:50px;margin:10px;background-color: #eee;font-size:12px;text-align: center;}@media screen and (min-width: 769px){.col-sm-1 {width:calc(8.333333% - 20px);}.col-sm-2 {width:calc(16.666666% - 20px);}.col-sm-3 {width:calc(24.999999% - 20px);}.col-sm-4 {width:calc(33.333332% - 20px);}.col-sm-5 {width:calc(41.666665% - 20px);}.col-sm-6 {width:calc(50% - 20px);}.col-sm-7{width:calc(58.333331% - 20px);}.col-sm-8 {width:calc(66.666664% - 20px);}.col-sm-9 {width:calc(74.999997% - 20px);}.col-sm-10 {width:calc(83.333333% - 20px);}.col-sm-11{width:calc(91.666666% - 20px);}.col-sm-12 {width:calc(100% - 20px);}}@media screen and (max-width: 768px){.col-xs-1 {width:calc(8.333333% - 20px);}.col-xs-2 {width:calc(16.666666% - 20px);}.col-xs-3 {width:calc(24.999999% - 20px);}.col-xs-4 {width:calc(33.333332% - 20px);}.col-xs-5 {width:calc(41.666665% - 20px);}.col-xs-6 {width:calc(50% - 20px);}.col-xs-7{width:calc(58.333331% - 20px);}.col-xs-8 {width:calc(66.666664% - 20px);}.col-xs-9 {width:calc(74.999997% - 20px);}.col-xs-10 {width:calc(83.333333% - 20px);}.col-xs-11{width:calc(91.666666% - 20px);}.col-xs-12 {width:calc(100% - 20px);;}}

bootstrap前端框架怎么用 方法/步骤1首先我们当然是需要得到Bootstrap相关文件，因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。2如果你的英文水平不是太好的话，没关系，我们可以到国内做的汉化比较好的Bootstrap网站去下载，最新版本都是3，属于扁平化的那种。3以上两步点击下载按钮后都会跳转到一个详细下载列表，有三种Bootstrap，这里我们下载第一个就可以了。4下载完成后解压，会看到文件有三个子文件夹，分别是css、font、js，里面带min的文件都是压缩后的文件，在网站上线的时候用，其他未压缩的文件我们可以在平时开发的时候用。5再之后就是要用这套Bootstrap框架了，首先要做的就是建立一个html文件，你可以用任何文本编辑器，这里推荐Dreamweaver CS6，个人感觉比较好用。6接下来就是要引入css文件了，要把文件的路径写正确，如果网页内用到了Bootstrap的js效果，那么必须先引入jQuery文件，因为Bootstrap的js插件都是基于jQuery的。7最后就可以在body标签内应用Bootstrap相关的class了，这些都是封装好的，只要嵌套正确就是做出漂亮的网页了。

前端框架Bootstrap--按钮和折叠插件 可以通过按钮插件创建不同状态的按钮（1）单个切换注意:在Firefox多次页面加载时，按钮可能保持表单的禁用或选择状态解决方案添加autocomplete=”off” （2）单选按钮（3）复选按钮（4）加载状态 Button插件中的button方法中有三个参数:toggle、reset、string（比如loading、complete）（5）可代替data-toggle=”button” 通过点击可以折叠内容基本实例 data-parent：默认值为false，设置需指定父元素选择器，也就是说，选定其中一个折叠区，其他折叠将隐藏，实现手风琴效果。 data-toggle：如果前面加data-*，设置"collapse"表示实现折叠；如果是javascript中的属性，默认为true，实现反转手动调用 collapse方法还提供了三个参数：<a>hide、show、toggle</a> Show.bs.collapse ：在show方法调用时立即触发 Shown.bs.collapse ：折叠区完全显示出来是触发 Hide.bs.collapse ：在hide方法调用时触发 Hidden.bs.collapse ：该事件是折叠区域完全隐藏之后触发例子往后还会更新前端Bootstrap其他知识部分，谢谢大家阅读本人文章，祝愿大家心想事成！

Bootstrap 2 利用Bootstrap 计算 p-value 本展示如何利用 Bootstrap 来计算均值的 p-value, 同理也可以计算其他统计值。假设在一次测量中，得到测量值如下图所示，均值是0.5. 首先，我们复习一下 p-value 的定义: 假如Null 假设是正确的， p-value 代表我们看到比当前结果更加极端(违背Null 假设方向)的结果的概率因此，我们需要先获得一份Null 假设是正确的样本。在这里， Null 假设是总体的均值为0 所以，需要将图中样本的每个测量值，向左移动 0.5 个单位（样本均值），得到：然后，在 Mean=0 的样本上，对 Mean 进行 Bootstrap 采样，会的到一个关于均值的分布：这个分布的意思是：假如总体均值为0 ，利用样本进行Boostrap 的到的均值分布。为了得到 p-value, 我们可以统计这个分布中， 0值左右，大于样本均值，和小于样本均值的数据点占比（<-0.5, >0.5）。这正好符合了 p-vlaue “更加极端” 的定义。在上图中， (<-0.5, >0.5）的数据点占比 0.63，那么p-value 就是0.63。

全面解析Bootstrap排版使用方法（文字样式） 一、段落　　段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）：1、全局文本字号为14px(font-size)。2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。3、颜色为深灰色（#333）；二、文字样式　　在实际项目中，对于一些重要的文本，希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。 1.粗体：在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗。2.斜体：在Bootstrap中，可以使用<em>或<i>来实现文本斜体。三、强调类.text-muted：提示，使用浅灰色（#999）.text-primary：主要，使用蓝色（#428bca）.text-success：成功，使用浅绿色(#3c763d).text-info：通知信息，使用浅蓝色（#31708f）.text-warning：警告，使用黄色（#8a6d3b）.text-danger：危险，使用褐色（#a94442）<divclass="text-muted">.text-muted效果</div><divclass="text-primary">.text-primary效果</div><divclass="text-success">.text-success效果</div><divclass="text-info">.text-info效果</div><divclass="text-warning">.text-warning效果</div><divclass="text-danger">.text-danger效果</div>效果如下：四、文本对齐　　在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格：u2611 左对齐，取值leftu2611 居中对齐，取值centeru2611 右对齐，取值rightu2611 两端对齐，取值justify为了简化操作，方便使用，Bootstrap通过定义四个类名来控制文本的对齐风格：u2611 .text-left：左对齐u2611 .text-center：居中对齐u2611 .text-right：右对齐u2611 .text-justify：两端对齐有了文字样式，使得排版效果更清晰简洁，希望大家在自己的作品中多使用一些简单大方的文字样式，使作品脱颖而出，更加具有吸引力。

怎样开发bootstrap插件 1. JetstrapJetstrap 是一个完全基于 Web 的，用于 Twitter Bootstrap 的界面构建工具，专为开发人员，设计师和打造。Jetstrap 帮助您快速创建出漂亮网站，只需要花费很少的精力。2. BootplyBootply 让你可以方便的调试 Bootstrap。编辑 CSS ，HTML 和 JavaScript。可以使用 Bootply 设计，原型，扩展或测试 Bootstrap 框架。Bootply 集成了其他流行的 Bootstrap 插件，微型库和框架。3. DivShotDivshot 是一个基于拖放的前端编辑器，允许你使用 Twitter Bootstrap（当然 Foundation 也可以）建立响应式的网站，不需要自己动手编码，只需要进行简单的拖放操作即可。4. Bootstrap MagicBootstrap Magic 主题生成器基于 Twitter Bootstrap 3 和 AngularJS 构建。您可以轻松快速地创建您自己的 Twitter Bootstarp 主题。你可以立即看到你正在改变的内容是什么，您还可以添加来自 Google Webfont 的精美网页字体。5. LayoutitLayoutIt 是一个 Twitter Bootstrap 界面生成器，能够帮助你快速制作出网站和界面模型，同时能够下载生成的网站代码。简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站。所有的设计都可以是响应式 CSS 和流体，能够份容易与任何的编程语言集成，您只需下载 HTML 即可开始编码设计。6. X-editableX-editable 支持就地编辑 Twitter Bootstrap， jQuery UI 或纯 jQuery。这个库允许你在自己的网页上创建可编辑元素。它包括弹出式和内嵌模式。它支持的输入元素包括文字，文本区域，下拉列表，日期， dateui 和 checklist。它支持客户端和服务器端验证。另外容器的位置是完全可定制的，用户可以通过单击，双击自动或手动切换。7. Grid DisplayerGrid Displayer 是一个书签工具，可以用于显示 Twitter Bootstrap（固定和流体网格）和 Foundation（ 2.0 和 3.0 ）的网格。它支持 Firefox 和 WebKit 核心的浏览器。8. GetkickStrapKickstrap 完美结合 Bootstrap，采用顶级的 Web 技术。它可以运行经过验证的，数据库驱动的 Web 应用程序，不需要原生后台。Kickstrap 结合 JSPM.io 提供了建立在 Require.js 的强大的前端软件包的依赖关系。 Kickstrap 应用程序是可以在任何时间在 Web 应用程序的生命周期中运行的静态资源集合。9. Font AwesomeFont Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标，除了包括 Twitter Boostrap 的默认图标外，还有社交网络图标、Web 应用程序图标和编辑器图标等等，可以免费用于商业项目。10. Bootstrap Button Generator这是一款很好用的 Twitter Bootstrap 按钮生成工具，你只需要输入你要分配的新的按钮样式，并与不同的按钮颜色搭配，更新就可以即时预览。11. EaselEasel 是一个令人印象深刻的 Twitter Bootstrap 设计工具，可让你在文档中的特定元素链接到其他文件的原型应用程序中。你甚至可以有你的用户通过测试让你得到尽早的在反馈。12. FancybootFancyboot 是一个简单但功能强大的 Twitter Bootstrap 定制工具，控制的恰到好处，移除了所有不必要的复杂性。13. Bootstrap DesignerBootstrap Designer 是一个在线设计工具，可以制作出很漂亮的基于 Twitter Bootstrap 的 HTML5 模板。可以创建不同的设计风格：简约风格，黑白，排版驱动的，单色的外观，干净及创意等。14. BootsnippBootsnipp 是一个元素画廊，为网页设计师和 Web 开发人员设计，任何人使用 Twitter Bootstrap 都会发现在他们的工作是必不可少的。15. PaintStrapPaintstrap 让你可以生成使用漂亮的 Twitter Bootstrap 主题，使用 Adobe Kuler 或者 COLOURlovers 配色。

ServerBootstrap简介 ServerBootstrap是一个用来创建服务端Channel的工具类，创建出来的Channel用来接收进来的请求；只用来做面向连接的传输，像TCP/IP。说他是创建Channel的，那么是如何创建的呢？其实也是利用配置的ChannelFactory创建的，这个赋值是在Bootstrap里面做的。 setFactory: @1:最终还是调用Bootstrap的setFactory方法。 bind: 返回值：是一个用来接受客户端请求、绑定过地址的Channel。 @1:存放异步IO操作结果的队列。 @2:创建一个空的DefaultChannelPipeline。 @3:增加一个ChannelHandler（Binder）到pipeline上面。 @4:创建一个server-socket channel。 @5:当异步IO操作成功的完成的时候，会返回true。 channelOpen: @1:参数是代表着渠道状态改变的事件（基于事件）。 @2:发送一个绑定的请求到指定Channel的ChannelPipeline中的ChannelDownstreamHandler。上面是针对ServerBootstrap简单的一点分析，偏向于表面，大的结构，没有深入到具体的细节里面。无论要掌握何种知识，都要由浅入深，不要一上来就抓住某个点不放。循序渐进，有了坚持和热情，就相当于已经成功了。

Pandora Bootstrap源码分析 在我的认知里，是没有办法改变当前的classloder的，当前的 SpringApplication.run的时候，肯定是系统的classloder啊，就让我们来揭开迷雾吧。参数mainClass就是HSFProviderApplication这个有main方法的入口类参数args就是main方法的参数参数的classLoader是我们自己创建的classloader 由于我们创建的classloder是系统classloder的子类，我们就可以做文章了，中间件的类用新创建的classloder来加载，业务的类用系统的classloder来加载。是不是非常巧妙啊。如何保证不会执行多次加载逻辑，甚至死循环的呢？第一遍是系统的classloder，第二遍虽然看上去是我们自己创建的classloder，但我们我们创建的classloder是委托给系统的classloder的，所以其实还是相同的classloder。这就很简单了，PandoraBootstrap执行第一遍之后就改一个bool变量，第二遍读到这个变量改了就直接跳过了。

在Bootstrap怎么操作表格 这次给大家带来在Bootstrap怎么操作表格，在Bootstrap操作表格的注意事项有哪些，下面就是实战案例，一起来看一下。本文实例讲述了Bootstrap实现的表格合并单元格。分享给大家供大家参考，具体如下：1、问题背景利用Bootstrap设计表格，并且表格需要合并单元格2、实现源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Bootstrap-表格合并单元格</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css" rel="external nofollow" /> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js" ></script> <style> body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size: 14px; } table{ width: 100%; } </style> <script> </script> </head> <body> <p class="row"> <p class="col-xs-12"> <table class="table table-striped"> <tr> <td> <label for="stuNo">学号：</label> <input type="text" id="stuNo" /> <p class="btn-group" style="width: 157px; height: 26px;"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width: 157px; height: 26px;"> 班级 </button> <ul class="dropdown-menu" role="menu"> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >一班</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >二班</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >三班</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >四班</a></li> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >五班</a></li> </ul> </p> <button type="button" class="btn btn-primary">查询</button> <button type="button" class="btn">重置</button> </td> </tr> </table> </p> <p class="col-xs-12"> <p class="col-xs-2"> <table class="table table-striped table-bordered"> <caption>学生表</caption> <thead> <tr> <th>学生</th> <th>学号</th> </tr> </thead> <tbody> <tr> <td>胡思</td> <td>2016010101</td> </tr> <tr> <td>赵四</td> <td>2016010102</td> </tr> <tr> <td>陈诚</td> <td>2016010103</td> </tr> <tr> <td>李磊</td> <td>2016010104</td> </tr> <tr> <td>孙杨</td> <td>2016010105</td> </tr> <tr> <td>李爽</td> <td>2016010106</td> </tr> </tbody> </table> <table class="table table-striped table-bordered"> <caption>学生表</caption> <thead> <tr> <th>学生</th> <th>学号</th> </tr> </thead> <tbody> <tr> <td>胡思</td> <td>2016010101</td> </tr> <tr> <td>赵四</td> <td>2016010102</td> </tr> <tr> <td>陈诚</td> <td>2016010103</td> </tr> <tr> <td>李磊</td> <td>2016010104</td> </tr> <tr> <td>游豪</td> <td>2016010105</td> </tr> </tbody> </table> </p> <p class="col-xs-10"> <table class="table table-striped"> <tr style="text-align: center;"> <td>到校</td> <td>回家</td> <td>距离</td> </tr> <tr style="text-align: center;"> <td colspan="2" style="text-align: center;">222</td> <td rowspan="2" style="width: 200px;"> <p class="col-xs-12"> <table class="table table-striped table-bordered"> <thead> <tr> <th>姓名</th> <th>学号</th> </tr> </thead> <tbody> <tr> <td>胡思</td> <td>2016010101</td> </tr> </tbody> </table> </p> </td> </tr> <tr> <td colspan="2" style="text-align: center;">333</td> </tr> </table> <table class="table table-striped"> <tr style="text-align: center;"> <td>到校</td> <td>回家</td> <td>距离</td> </tr> <tr style="text-align: center;"> <td colspan="2" style="text-align: center;">222</td> <td rowspan="2" style="width: 200px;"> <p class="col-xs-12"> <table class="table table-striped table-bordered"> <thead> <tr> <th>姓名</th> <th>学号</th> </tr> </thead> <tbody> <tr> <td>胡思</td> <td>2016010101</td> </tr> </tbody> </table> </p> </td> </tr> <tr> <td colspan="2" style="text-align: center;">333</td> </tr> </table> <table class="table table-striped"> <tr style="text-align: center;"> <td>到校</td> <td>回家</td> <td>距离</td> </tr> <tr style="text-align: center;"> <td colspan="2" style="text-align: center;">222</td> <td rowspan="2" style="width: 200px;"> <p class="col-xs-12"> <table class="table table-striped table-bordered"> <thead> <tr> <th>姓名</th> <th>学号</th> </tr> </thead> <tbody> <tr> <td>胡思</td> <td>2016010101</td> </tr> </tbody> </table> </p> </td> </tr> <tr> <td colspan="2" style="text-align: center;">333</td> </tr> </table> <table class="table table-striped"> <tr style="text-align: center;"> <td>到校</td> <td>回家</td> <td>距离</td> </tr> <tr style="text-align: center;"> <td colspan="2" style="text-align: center;">222</td> <td rowspan="2" style="width: 200px;"> <p class="col-xs-12"> <table class="table table-striped table-bordered"> <thead> <tr> <th>姓名</th> <th>学号</th> </tr> </thead> <tbody> <tr> <td>胡思</td> <td>2016010101</td> </tr> </tbody> </table> </p> </td> </tr> <tr> <td colspan="2" style="text-align: center;">333</td> </tr> </table> </p> </p> </p> </body></html>3、实现结果相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：npm install安装失败怎样解决Vue枚举类型实现HTML

bootstrap中如何控制input的宽度，有没有默认的 .input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}上面是bootstrap默认的几个，你也可以自己定义一些。比如：1234.input70{width:70px}.input80{width:80px}.input100{width:100px}.............

如何使用bootstrap框架 bootstrap入门必看 为什么使用这个框架呢？1、浏览器支持，所有的主流浏览器支持，包括：IE、firefox、opera、chrome、Safari等。2、容易上手，掌握html+css基础即可。3、具有设备响应式兼容。bootstrap的响应式css能够自适应于台式机、平板电报和手机。4、包含很多功能强大内置组件，易于定制。5、开源。在其官网下载，包括三种形式，我们选择用于生产环境的bootstrap，这样就无须先学习sass或者less的编译，可以着重于学习bootstrap的应用。下载文件为zip格式，解压后包括三个文件夹。css即bootstrap的样式文件，js文件夹即其js文件，fonts为其字体文件夹。我们暂且只用到css和js，点开css文件夹和js文件夹，出现如下图。css文件夹中，其中，.css文件是编译好的css文件，同我们平常使用的没有区别，.min.css是压缩后的css文件，可以使用这个文件节省大小，.map是映射less文件和css文件对应位置，暂且忽略，复制.min.css文件到自己项目的css文件夹中，同理，复制js中的.min.js文件到自己项目的js文件夹中。下图为其基本模板。由于bootstrap是用jquery编写，所以需要jquery支持，我们使用的是在线jquery库。在浏览器查看效果。h1第一级标题使用的样式是bootstrap的样式，而非h1原本的样式。在head的最开头（必须为最开始，可以在编码之后）加上<meta name="viewport" content="width=device-width, initial-scale=1">此为移动端开发经常用的，可以养成好习惯每个网页都添加，可确保适当的触屏缩放和显示比例。表示：当前的viewport的宽度为设备宽度，当然你也可以设置为具体数值，初始显示为原始比例显示。content共有六个属性：width、height（不常使用）、initial-scale、maximum-scale、minimum-scale、user-scalable布局容器的使用。Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器，包括两个：.container 类用于固定宽度并支持响应式布局的容器；.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。如下图是一个实例。container中包含的为bootstrap显示的样式。其支持响应式布局，将浏览器窗口拉宽和拉窄效果不同。8在bootstrap官网上有较多实例和组件，可以根据个人需要定制化使用，创作属于自己风格的页面。

请问一下为什么bootstrap的tooltip没有效果 $(function () { $("[data-toggle="tooltip"]").tooltip(); }); 如果是动态生成在生成后加上$("[data-toggle="tooltip"]").tooltip();官方文档写了：提示工具（Tooltip）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 激活它（读取 javascript）。使用下面的脚本来启用页面中的所有的提示工具（tooltip）：$(function () { $("[data-toggle="tooltip"]").tooltip(); });

怎么在bootstrap中thead 中分栏 使用 sublime text3。然后再html文件的head里插入如下代码即可使用了:<link rel="stylesheet" href="styles/bootstrap.min.css">2-1标题　　和html一样，bootstrap使用标签<h1>到<h6>,在bootstrap中非标题元素也可以使用:<h1>Bootstrap标题一</h1>

BootStrap标题怎么设置禁止跨行（实例代码） 这次给大家带来BootStrap标题怎么设置禁止跨行，BootStrap标题设置禁止跨行的注意事项有哪些，下面就是实战案例，一起来看一下。【相关视频推荐：Bootstrap教程】最近在使用BootStrap的表格做一个报表界面（不需要报表的功能，只需要预览并且行列定好无需根据数据量变化，如有更好的框架欢迎推荐。），发现标题设置跨行属性rowspan无效。html如下：“功能分类”这个单元格属性设置了colspan="2" rowspan="2"，但是只有colspan="2"起了效果。解决方案：不要将需要跨行的单元格放在<thead>标签中，可以如下设置：相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：JS获取当前地理位置案列详解parabola.js实现抛物线与加入购物车功能eventBus兄弟组件通信详解

Monte Carlo模拟和Bootstrap模拟的区别是什么 我的理解是bootstrap思想是用经验分布代替总体分布在这一条件下，考虑估计量的分布一般用模拟的方法生成bootstrap样本来得到估计量的bootstrap实现值，通过实现值的经验分布来近似估计量的分布

bootstrap下拉列表怎么设置 本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与下拉菜单（Dropdown） JavaScript 插件的互动来实现。如需使用下拉菜单，只需要在 class .dropdown 内加上下拉菜单即可。（推荐学习：Bootstrap视频教程）下面的实例演示了基本的下拉菜单：<div class="dropdown"> <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">Java</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">数据挖掘</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a> </li> <li role="presentation" class="divider"></li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">分离的链接</a> </li> </ul></div>类描述.dropdown指定下拉菜单，下拉菜单都包裹在 .dropdown 里 .dropdown-menu创建下拉菜单.dropdown-menu-right下拉菜单右对齐.dropdown-header下拉菜单中添加标题.dropup指定向上弹出的下拉菜单.disabled 下拉菜单中的禁用项.divider下拉菜单中的分割线更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

bootstrap如何设置页面回到顶端悬停提示 bootstrap设置页面回到顶端悬停提示方法如下：1、首先在body中添加“返回顶部”按钮<body><div class="go-top"><div class="arrow"></div><div class="stick"></div></div></body>2、css 的定义div .go-top {display: none;opacity: 0.6;z-index: 999999;position: fixed;bottom: 113px;left: 90%;margin-left: 40px;border: 1px solid #a38a54;width: 38px;height: 38px;background-color: #eddec2;border-radius: 3px;cursor: pointer;}div .go-top:hover {opacity: 1;filter: alpha(opacity=100);}div .go-top div .arrow {position: absolute;left: 10px;top: -1px;width: 0;height: 0;border: 9px solid transparent;border-bottom-color: #cc3333;}div .go-top div .stick {position: absolute;left: 15px;top: 15px;width: 8px;height: 14px;display: block;background-color: #cc3333;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}使用fixed定位，让按钮始终出现在右下角，通过设定left:90%可以使按钮在右方出现，但又不会太紧贴滚动条。3、按钮默认不可见，当滚动页面到一定高度后，按钮出现$(function() {$(window).scroll(function() {if ($(window).scrollTop() > 1000)$("div.go-top").show();else$("div.go-top").hide();});$("div.go-top").click(function() {$("html, body").animate({scrollTop: 0}, 1000);});});推荐：bootstrap入门教程

freemarker和bootstrap的区别 运行机制就不大一样,jsp是编译成继承自servlet的class文件，运行jsp就是运行一个servlet而freemarker就是套模板，通过模板+内容直接生成HTML然后输出从开发角度来说freemarker 自带一套模板语言，语法实现更简单直观，而且可以通过marco宏编写控件，如果宏无法满足，freemarker也还提供了很多JAVA扩展接口。而JSP不管JSTL还是其他，都是靠taglib实现的，taglib的效率其实并不高，所以在复杂页面的渲染上 ,freemarker会明显高于jsp同时 ,freemarker也不仅仅局限于B/S应用，可以广泛应用到比如代码生成、票据打印模板等各个方面

求助，bootstrap有没有splitter分隔窗口组件 可以在modal窗口里添加一个iframe标签。src指向另一个网页。你的采纳是我前进的动力，还有不懂的地方，请继续“追问”。如你还有别的问题，可另外向我求助；答题不易，互相理解，互相帮助。

bootstrap是哪家开发的 Bootstrap是一组用于网站和网络应用程序开发的开源前端（所谓“前端”，指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码）框架，包括HTML、CSS及JavaScript的框架，提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展，旨在使动态网页和Web应用的开发更加容易。bootstrap是哪家开发的？Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton编写开发的，本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前，开发界面需要使用不同的代码库，这样很容易导致不一致的问题，从而增加了维护的负担。Twitter开发者Mark Otto说：“我和几个开发者一起设计创建一个新的内部使用的工具，然后我们发现有机会可以做更多的事。从那之后，我们发现我们设计的工具比别人设计的更强壮。几个月之后，我们做出了Bootstrap的原型，在公司内分享文档、设计和资源。”经过一个小组几个月之后的努力，Twitter的许多开发者把它当作Hack Week（在Twitter开发者中流行的类似于黑客松的一星期）的一部分，开始参与开发。大家把Twitter Blueprint改名为Bootstrap，并且在2011年8月19日将其作为开源项目发布。此后项目继续由Mark Otto、Jacob Thornton和一个核心开发小组维护，此外还有众多来自社区的贡献者。在2012年1月31日，Bootstrap 2发布。这一版增加了十二列网格布局和响应式组件，并且对许多组件进行了修改。Bootstrap 3于2013年8月19日发布，开始将移动设备优先作为方针，并且开始使用扁平化设计。2015年4月23日，Mark Otto宣布正在开发Bootstrap 4。Bootstrap 4的第一个alpha版本部署在2015年8月19日。

统计中的 Bootstrap 方法是指什么 比如现在有一个分布F...1. Bootstrap: 如果我无法知道F的确切分布,手上仅有一组从F中iid抽样的样本(X_1, ..., X_n),我想检验“F的均值是否为0”.看起来这个不可能,因为我只有一个ar{X}的点估计,而并不知道ar{X}的分布.Bootstrap的魔术是现在我把(X_1, ..., X_n)这个样本当做总体,从中(有放回地)重新抽样,重抽样样本大小仍为n,那么每一次重抽样就可以得到一个“样本均值”,不断地重抽样我就得到了一个ar{X}的“分布”.这样接下来我就可以构造confidence interval并做检验了.虽然实践中bootstrap的重抽样步骤都是用Monte Carlo方法来模拟重抽样样本统计量的分布,但是严格地说这个分布原则上可以精确计算.而如果待估统计量比较简单,bootstrap的结果有时甚至可以直接用(X_1, ..., X_n)的某种统计量表示出来,从而并不需要真正地“重抽样”.

bootstrap中介效应检验方法是什么？ 采用Preacher 和 Hayes ( 2008 ) 的Bootstrapping 中介效应检验方法(设置 5000 次迭代)，该方法提供中介效应的 95% 置信区间估计，如果区间估计含有 0 就表示中介效应不显著，如果区间估计不含有 0 则表示中介效应显著。此外对中介效果量的计算结果表明，4 种效果量的置信区间都不包括0，因此心理弹性在自尊与应对方式间存在显著的中介作用。扩展资料：注意事项：很多统计量是不能用bootstrap的，比如常见的非参数kernel回归，以及一些目标函数不是非常平滑的估计量，例如quantile回归、maximum score estimators等等。bootstrap的抽样方法除了最简单的有放回抽样之外，还有各种其他的抽样方法，有参数的、非参数的，有bolck，有residual-based。这些方法如果扩展起来就有点复杂了，如果是要做test，那么不同的抽样方法会导致不同的size和power。参考资料来源：百度百科-Bootstrap参考资料来源：百度百科-中介效应

Bootstrap是什么意思？ Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。adj. 依靠自己力量的；自己做的n.拔靴带也有以上的意思。大概就是靴子上的鞋带，挺好理解的。

bootstrap主要是什么 bootstrap主要是什么Bootstrap主要是一个用于快速开发 Web 应用程序和网站的前端框架。在现代 Web 开发中，有几个几乎所有的 Web 项目中都需要的组件。Bootstrap 为您提供了所有这些基本的模块 - Grid、Typography、Tables、Forms、Buttons 和 Responsiveness。此外，还有大量其他有用的前端组件，比如 Dropdowns、Navigation、Modals、Typehead、Pagination、Carousal、Breadcrumb、Tab、Thumbnails、Headers 等等。有了这些，你可以搭建一个 Web 项目，并让它运行地更快速更轻松。此外，由于整个框架是基于模块的，您可以通过您自己的 CSS 位，甚至是项目开始后的一个大整改，来进行自定义。上述太官方Bootstrap是一个做网页的框架（目前最流行的WEB前端框架之一），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！比如你需要做一个网站的文本显示对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了！代码展示如下：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Bootstrap 实例 - 强调</title><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><small>本行内容是在标签内</small><br><strong>本行内容是在标签内</strong><br><em>本行内容是在标签内，并呈现为斜体</em><br><p class="text-left">向左对齐文本</p><p class="text-center">居中对齐文本</p><p class="text-right">向右对齐文本</p><p class="text-muted">本行内容是减弱的</p><p class="text-primary">本行内容带有一个 primary class</p><p class="text-success">本行内容带有一个 success class</p><p class="text-info">本行内容带有一个 info class</p><p class="text-warning">本行内容带有一个 warning class</p><p class="text-danger">本行内容带有一个 danger class</p></body></html>效果如下：作用：用它提供的样式和组件快速写网站你只需要引用一些定义好的类，也就是class名字，就可以创建出已经有非常漂亮的样式的网页，而且支持自适应，是一个很不错的框架。简而言之：你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来。

有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架 1）Twitter BootstrapBootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件，如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。2）HTML5 BoilerplateHTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。3）FoundationFoundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站4）UIKitUIKit是一款轻量级，模块化的前端框架，可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件，使用和定制都很方便。5）HTML5 KickStartHTML5 KickStart有着精简的HTML5、CSS和JS的构建模块，支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等6）GumbyGumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制：这和下载、调整、部署一样简单！Gumby2建立在Sass的基础上。7）SkeletonSkeleton简单又友好，可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合，能让你快速开发出任意大小的网站。8）GroundworkGroundwork是一款响应HTML5、CSS和JavaScript的框架，拥有如网格系统，高度可定制化，响应式文本等等功能。9）BaseBase是一款基于语义的、轻量级的和可扩展的框架，可用于快速创建响应式站点。10）MontageMontage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板，声明组件模型，声明数据绑定等功能。11）Layers CSSLayers CSS是轻量级的CSS框架，它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类，以支持响应式布局。12）52Framework52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页，同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件，如HTML5视频播放器，圆角，HTML5画布例子，HTML5表单验证等等等等。13）CreateJSCreateJS是一系列模块化的库和工具，经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频，对象管理，渐变等功能。CreateJS套件包括：EaselJS，TweenJS，SoundJS，PreloadJS和Zoe。14）KubeKube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制，并提供LESS文件。15）Less FrameworkLess Framework是一个现代化的前端框架，用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版16）SkelJSskelJS是一款轻量级的前端框架，用于构建响应式网站和app。

《Bootstrap实战》pdf下载在线阅读，求百度网盘云资源 《Bootstrap实战》（[美] David Cochran）电子书网盘下载免费在线阅读链接：https://pan.baidu.com/s/1M8uhfsDHalKerO1U3dXRyg 提取码：muit书名：Bootstrap实战作者：[美] David Cochran译者：李松峰豆瓣评分：7.1出版社：人民邮电出版社出版年份：2015-5页数：240内容简介：本书是目前市面上少见的实战类Bootstrap图书，全书通过5个真实、具体、鲜活，又有代表性的项目实例，讲解了Bootstrap的各种特性和用法。5个实例由浅入深，既各自独立，又环环相扣，丰富的代码，精美的插图，加上细致入微的解释，让读者极易上手，不知不觉中就能掌握所有重要概念，步入Bootstrap高手行列。本书讲解了以下5种类型的网站：个人作品网站、WordPress主题、企业门户页面、在线电子商务站点和单页营销网站。除了令人惊艳的项目实例，本书还向读者介绍了很多实用插件、框架，以及前端开发的工作流程，这些知识和技术并不局限于Bootstrap。特别地，作者用相当篇幅介绍了LESS的基本原理和使用方法，让即使从未接触过LESS的人也能感觉游刃有余。此外，全书各章还分别介绍了HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy，以及Roots的WordPress启动主题，让读者不必白手起家也能实现各种酷炫效果。本书附录还介绍了为获得最快下载速度而对站点资源进行优化、实现响应式图片，以及为图片传送带添加手势的技术。作者提供的项目代码也非常完整、清晰，每一章都有相应的开始和完成文件夹，方便读者参考使用。本书适合有一定HTML/CSS基础的开发人员和爱好者阅读学习，经验丰富的开发人员也可以把它当作参考。作者简介：作者简介：David Cochran现为俄克拉荷马州卫斯理大学副教授，自2005年以来一直讲授交互设计。他重视最佳实践，不喜欢走捷径，推崇Web标准。2012年，David在webdesign.tutsplus.com上开设了Bootstrap 2.0系列教程专栏。他还在Packt Publishing出版过一个小书Twitter Bootstrap Web Development How-To 。闲暇时间，David会在自己网站alittlecode.com上写写博客。他还是媒体、设计和咨询公司BitBrilliant的负责人。Ian Whitley自幼爱好写作。2010年，他对Web开发产生了深厚兴趣，并投身其中。他很早就开始使用Twitter Bootstrap，而且在David Cochran的帮助下，很快就掌握了这个框架，并将其应用到了很多项目中。目前，他多数情况下会使用Bootstrap为客户创建WordPress模板。Ian是BitBrilliant公司的开发主管。

有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架 1）Twitter BootstrapBootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件，如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。2）HTML5 BoilerplateHTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。3）FoundationFoundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站4）UIKitUIKit是一款轻量级，模块化的前端框架，可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件，使用和定制都很方便。5）HTML5 KickStartHTML5 KickStart有着精简的HTML5、CSS和JS的构建模块，支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等6）GumbyGumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制：这和下载、调整、部署一样简单！Gumby2建立在Sass的基础上。7）SkeletonSkeleton简单又友好，可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合，能让你快速开发出任意大小的网站。8）GroundworkGroundwork是一款响应HTML5、CSS和JavaScript的框架，拥有如网格系统，高度可定制化，响应式文本等等功能。9）BaseBase是一款基于语义的、轻量级的和可扩展的框架，可用于快速创建响应式站点。10）MontageMontage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板，声明组件模型，声明数据绑定等功能。11）Layers CSSLayers CSS是轻量级的CSS框架，它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类，以支持响应式布局。12）52Framework52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页，同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件，如HTML5视频播放器，圆角，HTML5画布例子，HTML5表单验证等等等等。13）CreateJSCreateJS是一系列模块化的库和工具，经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频，对象管理，渐变等功能。CreateJS套件包括：EaselJS，TweenJS，SoundJS，PreloadJS和Zoe。14）KubeKube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制，并提供LESS文件。15）Less FrameworkLess Framework是一个现代化的前端框架，用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版16）SkelJSskelJS是一款轻量级的前端框架，用于构建响应式网站和app。

bootstrap原理是什么 简单地说，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。在说到响应式，很多人会立刻想到：Boilerplate，Foundation，Ulkit，bootstrap这些框架。（推荐学习：Bootstrap视频教程）而以下，我将就Twitter推出的bootstrap为例，毕竟最火，使用的人也多。类似bootstrap这类响应式框架其底层实现原理就是媒体查询。打开Bootstrap核心CSS文件开发版，可以清晰看到@media。Bootstrap 本着移动设备优先的策略开发的，按照这一策略，我们优先为移动设备优化代码，然后根据每个组件的情况并利用 CSS 媒体查询（CSS media queries）技术为组件设置合适的样式。所以下述标签，最好也务必放上<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

HTML5框架中除了Bootstrap，还有什么常用的？ 1. Twitter BootStrap （Apache v2.0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。2. Foundation （MIT；响应式）最先进的响应式前端框架。3. 960gs（GPL&MIT；响应式）960gs提供了一个简单的网格系统，适合快速开发。4. Skeleton（MIT；响应式）非常漂亮的Web模板，适合响应式、移动友好的开发。5. 99lime HTML KickStart（Free）适合网站快速开发的极简HTML构建模块。6. Kube（Free；响应式）面向专业人员的CSS框架。7. Less Framework（MIT；响应式）自适应的CSS网格系统。8. Flameinwork（Free）适合懒人开发者的前端微框架。9. G5 Framework（Free）(x)HTML5、CSS、PHP前端开发框架。10. Easy Framework（Free）Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。11. Blueprint（Free）一个旨在减少开发时间的前端框架。12. YAML（Creative Commons）(x)HTML+CSS框架，适合开发现代化浮动布局。13. BlueTrip（Free）一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。14. YUI3:Grids CSS（BSD）YUI Grids CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。15. 52framework（Creative Commons）对HTML5支持非常好，简单易用。16. elastiCSS（MIT）一个基于Web接口和印刷布局的简单CSS框架。17. Emastic（Free）一个与众不同的CSS框架。18. Fluid 960 Gride System（GPL/MIT）Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System：传承了MooTools和jQuery JavaScript libraries的效果。19. xCSS（MIT）一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。20. EM CSS Framework（MIT/GPL）EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。

如何用bootstrap制作简历

注意：Bootstrap相关文件的路径，Bootstrap依赖jQuery，需要先加载jQueryindex.html：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="../bs/js/bootstrap.min.js"></script> <link href="../bs/css/bootstrap.css" rel="stylesheet"> <link href="../bs/css/mystyle.css" rel="stylesheet"> <title>个人简历</title></head><body> <nav class="navbar navbar-default"> <div> <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#leadBar" aria-expanded="false" aria-controls="navbar"> <span></span> <span></span> <span></span> </button> <div class="collapse navbar-collapse" id="leadBar"> <ul class="navbar nav navbar-nav"> <li><a href="site.html" class="glyphicon glyphicon-home"></a></li> <li><a href="#info">基本信息</a></li> <li><a href="">职业技能</a></li> <li><a href="">项目展示</a></li> <li><a href="">请联系我</a></li> </ul> </div> </div> </nav> <div> <h1>个人简历</h1> </div> <div class="divContent container"> <div> <h2>基本信息</h2> <div> <blockquote> <h2>某某</h2> <footer>XX工程师</footer> </blockquote> <div class="row text-center"> <img src="./img/zmz.jpg" alt="boy" width="150px" class="img-responsive img-circle img-thumbnail"> </div> <div class="row text-center"> <h3>个人介绍</h3> </div> <div> <span>滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答</span> </div> <div> <table class="table table-bordered table-striped table-hover table-condensed"> <tr> <td>姓名</td> <td>YYY</td> <td>年龄</td> <td>18</td> </tr> <tr> <td>学校</td> <td>XX大学</td> <td>学历</td> <td>本科</td> </tr> <tr> <td>专业</td> <td>软件工程</td> <td>学制</td> <td>全日制</td> </tr> </table> </div> </div> <div>  <div> <h2>个人荣誉</h2> <hr> <p2>获得******************************************</p2> <h2>我的空间</h2> <hr> <div> <div> <a href=""><button>个人博客</button></a> </div> <div> <a href=""><button>个人博客园</button></a> </div> <div> <a href=""><button>我的github</button></a> </div> </div> <h2>个人技能</h2> <hr> <p>1.***************</p> <p>2.***************</p> <p>3.***************</p> <p>4.***************</p> <p>5.***************</p> </div> </div> </div> <div> <h2 id="skill">职业技能</h2> <p> <span class="label label-success">JavaScript</span> <span class="label label-success">Vue.js</span>  </p> <div> <div class="progress-bar progress-bar-success progress-bar-striped active" style="width: 80%;"> <span>熟悉</span> </div> </div> <p> <span class="label label-success">Node.js</span> <span class="label label-success">PHP</span>  </p> <div> <div class="progress-bar progress-bar-danger progress-bar-striped active" style="width: 75%;"> <span>熟悉</span> </div> </div> <p> <span class="label label-info">html/css</span> </p> <div> <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 70%;"> <span>熟悉</span> </div> </div> <p> <span class="label label-warning">数据结构/算法</span> </p> <div> <div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 79%;"> <span>熟悉</span> </div> </div> </div> <div> <h2>项目展示</h2> <div> <div id="" class="myCarousel carousel slide"> <ol> <li data-target=".myCarousel" data-slide-to="0"></li> <li data-target=".myCarousel" data-slide-to="1"></li> <li data-target=".myCarousel" data-slide-to="2"></li> <li data-target=".myCarousel" data-slide-to="3"></li> </ol> <div> <div class="item active"> <img src="./img/img1.jpg" style="height: 406px;width: 650px" alt="第一张"> <div>项目 1</div> </div> <div> <img src="./img/img2.jpg" style="height: 406px;width: 650px" alt="第二张"> <div>项目 2</div> </div> <div> <img src="./img/img3.jpg" style="height: 406px;width: 650px" alt="第三张"> <div>项目 3</div> </div> <div> <img src="./img/img4.jpg" style="height: 406px;width: 650px" alt="第四张"> <div>项目 4</div> </div>  <a href=".myCarousel" data-slide="prev" class="carousel-control left"> <span class="glyphicon glyphicon-chevron-left"/> </a> <a href=".myCarousel" data-slide="next" class="carousel-control right"> <span class="glyphicon glyphicon-chevron-right"/> </a> </div> </div> </div> <div> <div id="" class="myCarousel carousel slide"> <ol> <li data-target=".myCarousel" data-slide-to="0"></li> <li data-target=".myCarousel" data-slide-to="1"></li> <li data-target=".myCarousel" data-slide-to="2"></li> <li data-target=".myCarousel" data-slide-to="3"></li> </ol> <div> <div class="item active"> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <div>项目 1</div> </div> <div> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <div>项目 2</div> </div> <div> <p>项目说明</p> <div>项目 3</div> </div> <div> <p>项目说明</p> <div>项目 4</div> </div>  <a href=".myCarousel" data-slide="prev" class="carousel-control left"> <span class="glyphicon glyphicon-chevron-left"/> </a> <a href=".myCarousel" data-slide="next" class="carousel-control right"> <span class="glyphicon glyphicon-chevron-right"/> </a> </div> </div> </div> </div> <div> <h2>请联系我</h2> <div class="panel panel-default"> <div>如果你感兴趣</div> <div> <form action="" method="post"> <label for="email">Email</label> <input type="email" id="email" /> <br/> <div class="btn-group pull-right"> <button type="submit" class="btn btn-success">请联系我</button> <button type="reset" class="btn btn-danger">重置</button> </div> <div></div> </form> </div> </div> </div> </div></body></html>

bootstrap什么时候开源的 bootstrap什么时候开源的？bootstrap是在2011年8月19日将其作为开源项目发布的。Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton编写，本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前，开发界面需要使用不同的代码库，这样很容易导致不一致的问题，从而增加了维护的负担。Twitter开发者Mark Otto说：“我和几个开发者一起设计创建一个新的内部使用的工具，然后我们发现有机会可以做更多的事。从那之后，我们发现我们设计的工具比别人设计的更强壮。几个月之后，我们做出了Bootstrap的原型，在公司内分享文档、设计和资源。”经过一个小组几个月之后的努力，Twitter的许多开发者把它当作Hack Week（在Twitter开发者中流行的类似于黑客松的一星期）的一部分，开始参与开发。大家把Twitter Blueprint改名为Bootstrap，并且在2011年8月19日将其作为开源项目发布。此后项目继续由Mark Otto、Jacob Thornton和一个核心开发小组维护，此外还有众多来自社区的贡献者。在2012年1月31日，Bootstrap 2发布。这一版增加了十二列网格布局和响应式组件，并且对许多组件进行了修改。Bootstrap 3于2013年8月19日发布，开始将移动设备优先作为方针，并且开始使用扁平化设计。2015年4月23日，Mark Otto宣布正在开发Bootstrap 4。Bootstrap 4的第一个alpha版本部署在2015年8月19日。

bootstrap什么时候出现的 bootstrap什么时候出现的Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton编写，本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前，开发界面需要使用不同的代码库，这样很容易导致不一致的问题，从而增加了维护的负担。Twitter开发者Mark Otto说：“我和几个开发者一起设计创建一个新的内部使用的工具，然后我们发现有机会可以做更多的事。从那之后，我们发现我们设计的工具比别人设计的更强壮。几个月之后，我们做出了Bootstrap的原型，在公司内分享文档、设计和资源。”经过一个小组几个月之后的努力，Twitter的许多开发者把它当作Hack Week（在Twitter开发者中流行的类似于黑客松的一星期）的一部分，开始参与开发。大家把Twitter Blueprint改名为Bootstrap，并且在2011年8月19日将其作为开源项目发布。此后项目继续由Mark Otto、Jacob Thornton和一个核心开发小组维护，此外还有众多来自社区的贡献者。在2012年1月31日，Bootstrap 2发布。这一版增加了十二列网格布局和响应式组件，并且对许多组件进行了修改。Bootstrap 3于2013年8月19日发布，开始将移动设备优先作为方针，并且开始使用扁平化设计。2015年4月23日，Mark Otto宣布正在开发Bootstrap 4。Bootstrap 4的第一个alpha版本部署在2015年8月19日。

为什么不用bootstrap Twitter Bootstrap有很多的缺点。让我们看看这些主要的问题：它不遵循最佳实践（推荐学习：Bootstrap视频教程）我们在使用Twitter Bootstrap时遇到的最大问题之一是你的DOM元素上将拥挤大量的类。这打破了良好的web设计基本规则之一，HTML不再有语义，而且内容和表示不再分离。前端纯粹主义者会觉得这相当令人讨厌，以为它使可扩展性、重用性和维护性遇到了更大的挑战。表示和交互不再独立于内容在Twitter Bootstrap中也被进一步的强化。它将与我现有设置发生碰撞如果你被空投到一个干了一半的大项目中，想要使用 Twitter Bootstrappy 享受其所有的好处会如何呢？糟糕的是，你会碰到一大堆的问题，冲突首先会从生成 HTML、CSS和JavaScript 开始。然后是它们的资源，你必须深入项目中那些阴暗的角落，搞清楚哪些脚本和样式需要删除或替换。Twitter Bootstrap 会潜在创建额外的工作，当你深入项目会不可避免地发现和修复奇怪的错误，你为自己辩护的理由将会击败你优先选用它的目的。Twitter Bootstrap 太重坦率的说，Twitter Bootstrap包括126kb的CSS和29kb的JavaScript。如果你想要使用Twitter Bootstap的所有功能，你应该好好考虑资源的加载时间。当然，对于一些地方这可能不是问题，但是在新西兰互联网不得不横跨太平洋，这时数据达到那儿将是很缓慢的。因此考虑你的目标市场。Twitter Bootstrap将帮助你建立一个有吸引力的、响应式的网站，但是一些手机用户将因为缓慢的加载时间和消耗电量的脚本而别拒之门外。晕！我的新网站看起来和其他人一个样！”Twitter Bootstrap 超级受欢迎，因此几乎每个开发者都会使用它。虽然它以后当然可以自定义你的应用或网站设计，你会发现时间限制迫使你坚持使用大量的 vanilla Bootstrap 风格。这会导致无意中创造了很多类似的，通用和难忘的网站。因为使用 Twitter Bootstrap 现成的是很快速和容易的，结果创新往往被丢弃了。当你有紧迫的时间限制时，在 Bootstrap 的结构化环境中，与众不同的创新设计很难实现。更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

bootstrap什么时候出来的 bootstrap什么时候出来的？bootstrap是在2011年8月19日将其作为开源项目发布的。Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton编写，本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前，开发界面需要使用不同的代码库，这样很容易导致不一致的问题，从而增加了维护的负担。Twitter开发者Mark Otto说：“我和几个开发者一起设计创建一个新的内部使用的工具，然后我们发现有机会可以做更多的事。从那之后，我们发现我们设计的工具比别人设计的更强壮。几个月之后，我们做出了Bootstrap的原型，在公司内分享文档、设计和资源。”经过一个小组几个月之后的努力，Twitter的许多开发者把它当作Hack Week（在Twitter开发者中流行的类似于黑客松的一星期）的一部分，开始参与开发。大家把Twitter Blueprint改名为Bootstrap，并且在2011年8月19日将其作为开源项目发布。此后项目继续由Mark Otto、Jacob Thornton和一个核心开发小组维护，此外还有众多来自社区的贡献者。在2012年1月31日，Bootstrap 2发布。这一版增加了十二列网格布局和响应式组件，并且对许多组件进行了修改。Bootstrap 3于2013年8月19日发布，开始将移动设备优先作为方针，并且开始使用扁平化设计。2015年4月23日，Mark Otto宣布正在开发Bootstrap 4。Bootstrap 4的第一个alpha版本部署在2015年8月19日[8]。

bootstrap中搜索框怎么做 在项目开发过程中，我们或多或少都会使用到搜索选项，那么如何制作一个标准，好看的搜索框呢？这里推荐bootstrap自带的一个控件input-group。先简单看下对于这个控件官方的说明Input groupEasily extend form controls by adding text, buttons, or button groups on either side of textual <input>s.Contents Basic example Sizing Checkboxes and radio addons Button addons Buttons with dropdowns Segmented buttons Accessibility意思就是针对我们平常使用的表单提交功能，可以添加按钮，文本到输入栏的两边的位置。

BootStrap简介以及怎样部署安装（介绍） 本篇文章就给大家介绍BootStrap是什么以及怎样部署安装。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。大家也可以访问bootstrap教程来获取和学习更多的bootstrap相关视频教程。Bootstrap简介什么是 Bootstrap ？Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 支持响应式布局，兼容多个终端 (电脑，平板，手机) 设备访问。部署安装 Bootstrap 1. 在官网 https://v3.bootcss.com/ 下载bootstrap框架。2. 把下载好的框架放到根目录，然后引入文件。支持移动设备优先的语句，需要放到 head 标签里的上面 <meta name="viewport" content="width=device-width, initial-scale=1">然后引入 bootstrap 的 css 文件。bootstrap 框架依赖于jQuery，所以要先引入jQuery库，然后再引入bootstrap的 js 文件。以下是一段完整的把框架引入进来的代码（bootstrap 的 js 文件最好放在 body 的最下面） <head> <meta charset="UTF-8">  <meta name="viewport" content="width=device-width,initial-scale=1"> <title>测试文档</title>  <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>  <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>  <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script> </head>3. 也可以使用官方提供的 CDN放在 head 标签里，jQuery 文件的下面访问的时候必须有网络才可以。<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>总结：

前端编程：bootstrap4 中 bootstrap.bundle.min.js 既然已经包含了Popper，那为什么大家不用它？ 很多原因，可能是各人的习惯，毕竟不用的组件用法也不太一样，学习起来要一定的成本。也可能boot的功能不是那么全面，毕竟popper是专精。

bootstrap使用模态框当弹出两层的时候，遮罩层会把原有的透明度减少。 为什么会有两个弹出框呢

Bootstrap里的文件分别表示什么？都有什么用？ bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css小，可以在部署网站的时候引用，如果引用了这个文件，就没必要引用bootstrap.css了bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表，如果你的网站项目不准备做响应式设计，就不需要引用这个CSS。bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的，是bootstrap-responsive.css的压缩版bootstrap.js 这个是bootstrap的灵魂所在，是bootstrap的所有js指令的集合，你看到bootstrap里面所有的js效果，都是由这个文件控制的，这个文件也是一个未经压缩的版本，供开发的时候进行调试用bootstrap.min.js 是bootstrap.js的压缩版，内容和bootstrap.js一样的，但是文件大小会小很多，在部署网站的时候就可以不引用bootstrap.js，而换成引用这个文件了~~这样你应该就可以理解了吧~~^_^

怎么样使用bootstrap快速开发一个简单的前 怎么样使用bootstrap快速开发一个简单的前什么？？？？前台？

bootstrap datepicker只选择年份 2楼的回答是基于bootstrap-datetimepicker，不是楼主使用的插件而且，要加上viewSelect:"decade",才能奏效吧建议楼主可以试试

加勒比海盗里女主角和海盗谈判时小海盗说的bootstrap什么意思 n.1.解靴带2.引导程序

如何使用bootstrap动态生成输入框 首先，我们将这款日期控件下载下来。百度bootstrap日期控件即可。bootstrap的日期控件将下载好的日期控件的css、js引入自己的文件中。在这里需要引入的文件有：bootstrap.min.css（含有bootstrap 所有css）bootstrap-datetimepicker.min.css（重要，这就是日期控件所需的样式表）jquery-1.8.3.min.js（其他版本的jquery也可以）bootstrap.min.js（含有bootstrap 所有js）bootstrap-datetimepicker.js（重要，这就是日期控件所需的js）locales/bootstrap-datetimepicker.fr.js（重要，这里是日期控件初始值）bootstrap的日期控件bootstrap的日期控件bootstrap的日期控件将所有文件引入完成后，就开始设置日期控件吧。这是第一种样式。当然，你可以只要input就可以了。

bootstrap 翻译成中文叫什么 鞋带。

bootstrap table 怎么实现前端排序 以下是JS代码$("#tb_departments").bootstrapTable({url: MNG_DOMAIN + "/admin/v1/role/page/query.do", //请求后台的URL（*） classes: "table table-hover", dataType: "json", method: "post", //请求方式（*） toolbar: "#toolbar", //工具按钮用哪个容器 striped: true, //是否显示行间隔色 cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*） pagination: true, //是否显示分页（*） sortable: true, //是否启用排序 sortOrder: "desc", //排序方式 queryParams: queryParams,//传递参数（*） sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*） pageNumber:1, //初始化加载第一页，默认第一页 pageSize: 10, //每页的记录行数（*） pageList: [10, 25, 50, 100], //可供选择的每页的行数（*） search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大 strictSearch: true, showColumns: true, //是否显示所有的列 showRefresh: true, //是否显示刷新按钮 minimumCountColumns: 2, //最少允许的列数 clickToSelect: true, //是否启用点击选中行 uniqueId: "roleNo", //每一行的唯一标识，一般为主键列 showToggle:true, //是否显示详细视图和列表视图的切换按钮 cardView: false, //是否显示详细视图 detailView: false, //是否显示父子表 responseHandler: handel, idField: "roleNo", columns: [{ checkbox: true }, { field: "roleNo", title: "角色编号", sorttable: true }, { field: "roleNm", title: "角色名称", sorttable: true }], silent: true, //刷新事件必须设置 formatLoadingMessage: function () { return "请稍等，正在加载中..."; }, formatNoMatches: function () { //没有匹配的结果 return "无符合条件的记录"; }, onLoadError: function (data) { $("#reportTable").bootstrapTable("removeAll"); } });

哪些地方会用到bootstrap method 一、Bootstrap非参数统计中一种重要的估计统计量方差进而进行区间估计的统计方法，也称为自助法。其核心思想和基本步骤如下：[1]（1）采用重抽样技术从原始样本中抽取一定数量（自己给定）的样本，此过程允许重复抽样。（2）根据抽出的样本计算给定的统计量T。（3）重复上述N次（一般大于1000），得到N个统计量T。（4）计算上述N个统计量T的样本方差，得到统计量的方差。应该说Bootstrap是现代统计学较为流行的一种统计方法，在小样本时效果很好。通过方差的估计可以构造置信区间等，其运用范围得到进一步延伸。具体抽样方法举例：想要知道池塘里面鱼的数量，可以先抽取N条鱼，做上记号，放回池塘。进行重复抽样，抽取M次，每次抽取N条，考察每次抽到的鱼当中有记号的比例，综合M次的比例，在进行统计量的计算。二、在统计学中，自助法（Bootstrap Method，Bootstrapping或自助抽样法）是一种从给定训练集中有放回的均匀抽样，也就是说，每当选中一个样本，它等可能地被再次选中并被再次添加到训练集中。自助法由Bradley Efron于1979年在《Annals of Statistics》上发表。当样本来自总体，能以正态分布来描述，其抽样分布(Sampling Distribution)为正态分布(The Normal Distribution)；但当样本来自的总体无法以正态分布来描述，则以渐进分析法、自助法等来分析。采用随机可置换抽样(random samplingwith replacement)。对于小数据集，自助法效果很好。

bootstrap4框架使用总结 bootstrap 是一个开源的前端框架，主要应用于页面的布局。官网介绍：同时，它也是移动优先的布局框架。移动优先，指使用bootstrap开发的页面，不仅能用于web显示，还能用于移动端显示。使用bootstrap中规范好的CSS样式，能使页面根据屏幕大小自适应，但必须要在 head 部分加入：可以设置的属性： m - 设置外边距 margin p - 设置内边距 padding 可以设置的方向： t - 设置上距 *-top b - 设置下距 *-bottom l - 设置左距 *-left r - 设置右距 *-right x - 设置x方向的*距，即左右边距 both *-left and *-right y - 设置y方向 both *-top and *-bottom (none) - 空则表示设置四个方向可以设置的大小： 0 - 设置边距为0：for classes that eliminate the margin or padding by setting it to 0 1 - (by default) 设置 the margin or padding to $spacer * .25 2 - (by default) 设置 the margin or padding to $spacer * .5 3 - (by default) 设置 the margin or padding to $spacer 4 - (by default) 设置 the margin or padding to $spacer * 1.5 5 - (by default) 设置 the margin or padding to $spacer * 3 auto - 设置自动的外边距 * the margin to auto 示例： mr-3 对应 margin-right: 3 3为不定值，随屏幕大小变化。 py-2 对应 padding-top:2;padding-bottom:2; ...... d-inline-block 将块级元素转换为行内块级元素见官网：栅栏布局效果如下： offset-* d-flex justify-content-* 作用于div子元素。效果依次为： align-items-* 同样作用于div子元素。效果依次为： flex-fill 作用于当前元素，效果是充满父元素。 flex-grow-* 将当前元素尽可能地增长，效果如下： flex-shrink-* 将当前元素有必要地缩短，效果如下：利用外边距可以实现： ml-auto 表示 margin-left:auto ，效果使得当前元素水平居右。 mx-auto 表示左右外边距都为 auto ，效果是水平居中。 align-* 作用于当前元素，效果如下：效果如下： text-wrap 字体会自动换行，适用于规定宽度的div中的字体。不包裹字体则是 text-nowarp 。 text-truncate 适用于块级元素中的字体。 text-* 效果如下： list-unstyled 列表无黑点 list-inline 行内列表 list-inline-item 行内列表中的一项使用如下：见官网表格 blockquote 设置为块引用 blockquote-footer 块引用的引脚效果如下：

Bootstrap栅格化系统设计原理 栅格实现原理u2022把网页总宽度平分为12分，开发人员可以自由按分组合，以便开发出简洁方便的程序 u2022仅仅通过定义容器大小、平分12分，再调整内外边距，最后结合媒体查询，就制作出强大的响应式栅格系统 u2022栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理： u2022“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。 u2022通过“行（row）”在水平方向创建一组“列（column）”。 u2022你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。 u2022类似 .row 和 .col-xs-4 这种预定义的类，可以用来快速创建栅格布局。Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。 u2022通过为“列（column）”设置 padding 属性，从而创建列与列之间的间隔（gutter）。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding，也就间接为“行（row）”所包含的“列（column）”抵消掉了padding。 u2022负值的 margin就是下面的示例为什么是向外突出的原因。在栅格列中的内容排成一行。 u2022栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个 .col-xs-4 来创建。 u2022如果一“行（row）”中包含了的“列（column）”大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列。栅格类适用于与屏幕宽度大于或等于分界点大小的设备，并且针对小屏幕设备覆盖栅格类。因此，在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备，并且针对小屏幕设备覆盖栅格类。因此，在元素上应用任何 .col-lg-* 不存在，也影响大屏幕设备。（原理：把我们的屏幕大小的宽度平分成12个格，每一格的宽度和整个屏幕分辨率是有关系的，如果整个屏幕分辨率越大那么这12格的每一格的宽度就大，是按比例来算出的，而且这12格的layout是水平排列的。）比如，我们定义一个div，我们不指定这个div的宽度是多少像素或者占多少百分比，我们是指定这个div占12格中的几格，我们这个div占12格中的8格，不同的分辨率底下它始终是占12格中的8格。系统会根据屏幕分辨率的大小，自动拆成12格，每一格大小根据屏幕分辨率自动在变。这样的话在各浏览器或分辨率下都可以兼容我们这个8:4这个比例。

bootstrap为什么会使用栅格系统，而不是别的什么系统

实现原理栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大的响应式布局方案。下面是官方文档中的解说： Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。我们来理解一下这一段话，可以发现其中最重要的部分就是移动设备优先，那么什么是移动设备优先呢？ Bootstrap的基础CSS代码默认从小屏幕设备（比如移动设备、平板电脑）开始，然后使用媒体查询扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格。有着如下策略：内容：决定什么是最重要的。布局：优先设计更小的宽度。渐进增强：随着屏幕大小增加而添加元素。工作原理数据行（ .row ）必须包含在容器 .container （固定宽度）或 .container-fluid （100%宽度）中，以便为其赋予合适的排列（aligment）和内填充（padding）。如： <div class="container"> <div class="row"></div> </div>  <div class="container-fluid"> <div class="row"></div> </div> 在数据行（ .row )中可以添加列（column），但列数之和不能超过平分的总列数（在超过时，多余部分会换行显示），默认12。（使用Less或者Sass可以进行自定义设置）如： <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-6"></div> <div class="col-md-4"></div> 页面上的具体内容应当放置于列（column）内，并且只有列（column）可以作为数据行 .row 容器的直接子元素。预定义的网格类，比如 .row 和 .col-xs-4 ，可用于快速创建网格布局。栅格系统中的列是通过指定 1到12 的值来表示其跨越的范围。例如，三个等宽的列可以使用三个 .col-xs-4 来创建。注意事项：正如上面在注释部分所展现的一样的 .container （固定宽度）是固定宽度的布局方式。通过查看源码，在查看 .container 类的时候我们会发现，它的宽度是响应式的：（如下） .container { padding-right: 15px; padding-left: 15px; margin-right: auto;margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } /*........*/ 从上面的css代码可以看到，该类默认为整个父元素的宽度（最小屏幕），但是在大屏幕下有着不同的宽度，并且在不同宽度下左右margin会同时增加或减少（水平居中）。 .container-fluid 类就和 .container 的默认情况一样，为100%宽度。（CSS代码一样）除此之外从源码中我们还可以发现，除了有左右margin外，还可以看到该类是有着左右填充（padding）存在的。如果我们继续查看源码，可以发现数据行 .row 中的每一个列也有着左右填充（padding）的存在，如下： .col-md-1, .col-lg-12 /*......*/{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } 看到这里，大家应该都能想到会有什么样的情况出现！我们在第一个和最后一个列因为双填充的存在，实际上对于内容的隔离已经到了 30px 。我们需要怎么消除影响呢？ Bootstrap是通过 .rows 上的外边距（margin）取负 margin-left: -15px;margin-right: -15px; ，表示第一列和最后一列的行偏移，用来抵消第一个列的左内距和最后一列的右内距。基本用法 bootstrap3.x使用了四种栅格选项来形成栅格系统，这四种选项在官网上的介绍如下图，很多人不理解，这里跟大家详解一下四种栅格选项之间的区别，其实区别只有一条就是适合不同尺寸的屏幕设备。我们看class前缀这一项，我们姑且以前缀命名这四种栅格选项，他们分别是col-xs、col-sm、col-md、col-lg，我们懂英文的就知道，lg是large的缩写，md是mid的缩写，sm是small的缩写，xs是***的缩写。这样命名就体现了这几种class适应的屏幕宽度不同。下面我们分别介绍这几种class的特点。通过下表可以详细查看Bootstrap的栅格系统如何在多种屏幕设备上工作的。通过源码可以发现，如下： .col-md-1/*......*/{ float: left;}/*所有的列都是默认向左浮动的*/ .col-md-1 { width: 8.33333333%; } .col-md-2 { width: 16.66666667%; } /*.....*/ .col-md-12 { width: 100%; } 从这些CSS代码也就不难发现，Bootstrap中每一列所占的宽度，以及为何在列数设置超过12时，超过部分会换行显示了。在下面所有的示例中每一列的背景颜色与边框的效果由如下CSS代码控制： [class *= col-]{ background-color: #eee; border: 1px solid #ccc; } 基础那么我们就来看看一些示例吧，下面这种方式是最基本的用法： <div class="container"> <div class="row"> <div class="col-md-6">.col-md-6</div> <div class="col-md-6">.col-md-6</div> </div> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div> <div class="row"> <div class="col-md-2">.col-md-2</div> <div class="col-md-6">.col-md-6</div> <div class="col-md-4">.col-md-4</div> </div> </div> 实现的效果如下： Bootstrap作为一个响应式框架当然不会只有那么简单的功能，我们继续往下走吧！列偏移在某些情况下，我们不希望相邻的列紧靠在一起，如果你希望不通过额外的margin或其他的手段来实现的话，Bootstrap内置为我们提供了列偏移（offset），这一系列的类来帮助我们实现想要的效果。只需要给需要偏移的列元素上添加类名 col-md-offset-* ( 星号代表要偏移的列组合数 )，那么具有这个类名的列就会向右偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如：在列元素中添加 .col-md-offset-6 类将 .col-md-6 元素向右侧偏移了6个列（column）的宽度。现在我们的代码是这样的： <div class="container"> <div class="row"> <div class="col-md-2 ">col-md-8 </div> <div class="col-md-3 col-md-offset-2">col-md-4 col-md-offset-2</div> <div class="col-md-4 col-md-offset-1">col-md-4 col-md-offset-1</div> </div> <p><br></p> <div class="row"> <div class="col-md-4 ">col-md-4 </div> <div class="col-md-3 col-md-offset-4">col-md-3 col-md-offset-4</div> <div class="col-md-4 col-md-offset-4">col-md-4 col-md-offset-4</div> </div> </div> 可以实现的效果如下：从实现的效果我们就能发现一些东西，注意第二段的显示效果与代码，从那里我们可以发现：使用 col-md-offset-* 对列进行向右偏移时，要保证列与偏移列的总数不超过12，不然会致列断行显示。其实原因也很简单：因为该类是对于列设置 margin-left ，并且我们在上面的源码展示中，也可以看有每一列都有着 float:left 的属性，从这些地方我们就不难发现在（偏移+列宽）超过12时，为何会换行显示了列排序列排序其实就是改变列的方向（顺序），就是改变左右浮动，并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名 col-md-push-* 和 col-md-pull-* (和上面一样，星号代表移动的列组合数)。 Bootstrap仅通过设置left和right来实现定位效果。通过查看源码，我们可以看到基本设置比较简单，如下： .col-md-pull-12 { right: 100%; } /*...*/ .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } 还是继续看看我们的实际效果吧！代码如下 <div class="container"> <div class="row"> <div class="col-md-4 col-md-push-8">.col-md-4 col-md-push-8 </div> <div class="col-md-8 col-md-pull-4">.col-md-8 col-md-pull-4 </div> </div> <div class="row"> <div class="col-md-4 ">.col-md-4 默认</div> <div class="col-md-8 ">.col-md-8 默认</div> </div> </div> 我们可以发现列的位置已经发生了改变列嵌套 Bootstrap框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行（ .row ）容器，然后在这个行容器中插入列（像前面介绍的一样使用列）。但在列容器中的行容器（ .row ），宽度为100%时，就是当前外部列的宽度。（其实就是在列中嵌套多个列，下面会有实际效果展示）注意：被嵌套的行（ .row ）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列 -_- ）。我们现在有这样一个需求：创建一个8-4列网格。（备注：以中屏md（970px）为例）。在第一个8列网格中插入8-4列网格。在第二个4列网格中插入9-3列网格。效果如下：该如何实现呢？ <div class="container"> <div class="row"> <div class="col-md-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-md-8">col-md-8</div> <div class="col-md-4">col-md-4</div> </div> </div> <div class="col-md-4"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-md-9">col-md-9</div> <div class="col-md-3">col-md-3</div> </div> </div> </div> </div> 是不是很简单呢？当然为了完全实现和效果图一样的展示，我们还需要对CSS进行一些添加： [class *= col-] [class *= col-] { background-color: #f36; border:1px dashed #fff; color: #fff; } 以上所述是小编给大家分享的Bootstrap入门书籍之（三）栅格系统，希望对大家有所帮助！

统计中的 Bootstrap 方法是指什么 比如现在有一个分布F...1. Bootstrap: 如果我无法知道F的确切分布，手上仅有一组从F中iid抽样的样本(X_1, ..., X_n)，我想检验“F的均值是否为0”。看起来这个不可能，因为我只有一个ar{X}的点估计，而并不知道ar{X}的分布。Bootstrap的魔术是现在我把(X_1, ..., X_n)这个样本当做总体，从中(有放回地)重新抽样，重抽样样本大小仍为n，那么每一次重抽样就可以得到一个“样本均值”，不断地重抽样我就得到了一个ar{X}的“分布”。这样接下来我就可以构造confidence interval并做检验了。虽然实践中bootstrap的重抽样步骤都是用Monte Carlo方法来模拟重抽样样本统计量的分布，但是严格地说这个分布原则上可以精确计算。而如果待估统计量比较简单，bootstrap的结果有时甚至可以直接用(X_1, ..., X_n)的某种统计量表示出来，从而并不需要真正地“重抽样

如何使用Bootstrap 方法/步骤到bootstrap官方网站下载，对于我们开发者来说，直接下载编译和压缩后的CSS、JavaScript文件，另外还包含字体文件，但是不包含文档和源码文件。打开解压包之后可以发现包含三个文件夹 css、fonts、js。这是最基本的Bootstrap组织形式：未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons所有Bootstrap插件都依赖jQuery。而且在正式的项目当中我们推荐使用压缩之后的版本，因为它的体积很小，到官网下载jQuery支持，如图：将下载后的就jQuery放到bootstrap中的js目录下，如图：在bootstrap的根目录下新建一个demo.html文件，（注意，必须在根目录下面新建，因为后面的步骤中要将bootstrap框架中的css和js文件链接到创建的demo中）编辑demo.html文件，添加对bootstrap框架中css和js的引用，内容如下，图片有注释说明，这样，我们就基本上建立了对bootstrap框架的基本使用架构源码：<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>无标题文档</title><link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"></head><body><script type="text/javascript" src="js/jquery-2.1.3.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script></body></html>另外，bootstrap官方提供了链接服务，永久免费，即使你不下载bootstrap框架文件到本地，也可以直接在html中使用，使用下面这段代码：<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

使用bootstrap的原因是什么 1.节省时间利用Bootstrap，你将有更多的时间用来挣钱。Bootstrap库中包含很多现成的代码片段，这些代码可为你的网站增加更多活力。Web开发者不必再花费时间、费力地编码，只需找到合适的代码，插入到合适位置即可。此外，CSS利用LESS编写，很多样式和设计都已设计完成。2.定制化Bootstrap很重要的一方面就是你可以将它据为己有。你可以留取框架中需要的部分，抛弃不需要的。Bootstrap整体允许你根据自己的需要，裁剪自己开发的项目。3.设计方面的因素网格系统对页面进行布局时，往往需要有一个合适的网格。你不一定使用该平台的网格，但它确实能大大降低你工作的难度。默认模式下，该平台提供一个16列的网格（宽为960px）。每列宽40px，每列左右两侧具有10px的间隙，各网格最外侧均留出20px的空白。你可以根据需要改变行数与间隔大小。样式已开发完成，开发者只需要把合适的代码放入HTML合适的位置即可。LESSLESS在开发周期内应用很广。它是一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大。你可以利用LESS的Mixins及CSS操作定制内嵌网格。Bootstrap采用了大量流行的CSS3功能，可以对所有的网站提供统一的浏览体验。JavaScriptBootstrap提供JavaScript库，该库超越了基本的架构与样式。通过Bootstrap，开发者可轻易地操作窗口警告框、工具提示框、滚动条、按钮等。Bootstrap最突出之处是，它可以让你不必再费神费力地写脚本。4.一致性Twitter当初开发该工具的最主要原因是，开发者所开发项目在不同浏览器间的不一致性。这就导致了很多前端开发与最终用户界面之间的问题。Bootstrap保证了界面在不同平台上的统一性。在IE、Chrome及Firefox中，你可以看到统一的界面。5.保持持续更新以jQuery 的UI为例：每一年更新一次。而Bootstrap则在不停地改进，更具规律性与持续性。Web开发者一发现新问题， Bootstrap团队便立刻着手修复它。6.易于集成如果你想进一步完善一个已完成的网站，Bootstrap可以帮助你。例如，如果你要统一使用自己编写的表格样式，你要做的是把你的样式复制到CSS样式文件中。Bootstrap将立即剔除它本身的样式，在这里，你需要将该文件与Twitter进行关联。集成的过程十分简单、方便、快捷。完成之后，你便可以把你的设计应用到你的核心内容上。7.响应式Bootstrap为响应式框架。无论你的开发工作从笔记本转移到iPad，还是从iPad转移到Mac上，你都不用为你的工作而苦恼。因为Bootstrap能以超快的速递与效率适应不同平台间的差异。8.对未来技术具有兼容性Bootstrap包含很多特殊元素，如HTML5和CSS3，这些元素被称为设计的未来。因为该框架考虑到设计和开发的未来，它很有潜力成为未来几年里Web开发者的参考标准。9.竞争力Bootstrap并不是唯一的前端开发框架，比如还有JQuery UI、HTML5 Boilerplate等等。但对于Bootstrap来说，真正的竞争对手是Zurb Foundation。Bootstrap 2新增加了一个工具集，Foundation经过好长时间才填补上。Bootstrap包含大量的第三方插件、主题、功能特性、代码等等，而Foundation并不具备这些。10.详尽的说明文档Bootstrap的文档相当精彩。大部分新平台往往没有合适的说明文档，而Bootstrap的说明文档大大帮助了我们的入门学习。通过文档可以找到我们需要的所有信息。11.让老板们受益学习Bootstrap，并不会花费你太多时间，因为它将所有的模块化方法与体系结构封装在了一起。从老板的角度来看，如果你为Web开发者提供了Bootstrap框架，那么他们会节省更多的学习时间，并快速投入到工作中。这会为老板们带来更好的收益。

有什么编辑工具可以提示bootstrap的css 1. Bootstrap Magic这是一个 Bootstrap 主题生成器，使用最新的 Bootstrap 3 版本和 Angular JS 版本，提供一个鲜活的用户修改预览。它包括了各种各样的导入，一个颜色选择器和智能的预先输入。更神奇的是，Bootstrap 会根据用户的每个选择来重新简历框架，方便用户的下载和使用。 2. BootSwatchrBootSwatchr 是由 Drew Strickiand 独立开发和维护的，是唯一支持从右到左语言显示的 Bootstrap 自定义构建工具，这也是它的特色之一。BootSwatchr 是个可视化的工具，可以从底层开始创建 Bootstrap 主题。 3. Bootstrap Live EditorBootstrap Live Editor 是个所见即所得的构建 Bootstrap 的编辑器。在 Bootstrap 准备好的内容和代码片段的基础上提供一个又好又优雅的方法来编辑和美化 html，也因此它是个明智的选择。除此之外，它还包括高级的选项比如按钮配置，自定义标签和为用户做最明智最有益的选择。

统计中的 Bootstrap 方法是指什么 非参数统计中一种重要的估计统计量方差进而进行区间估计的统计方法,也称为自助法.其核心思想和基本步骤如下：（1）采用重抽样技术从原始样本中抽取一定数量（自己给定）的样本,此过程允许重复抽样.（2）根据抽出的样本计算给定的统计量T.（3）重复上述N次（一般大于1000）,得到N个统计量T.（4）计算上述N个统计量T的样本方差,得到统计量的方差.应该说Bootstrap是现代统计学较为流行的一种统计方法,在小样本时效果很好.通过方差的估计可以构造置信区间等,其运用范围得到进一步延伸.具体抽样方法举例：想要知道池塘里面鱼的数量,可以先抽取N条鱼,做上记号,放回池塘.进行重复抽样,抽取M次,每次抽取N条,考察每次抽到的鱼当中有记号的比例,综合M次的比例,在进行统计量的计算.。

什么是bootstrap方法 一、Bootstrap非参数统计中一种重要的估计统计量方差进而进行区间估计的统计方法，也称为自助法。其核心思想和基本步骤如下：[1]（1）采用重抽样技术从原始样本中抽取一定数量（自己给定）的样本，此过程允许重复抽样。（2）根据抽出的样本计算给定的统计量T。（3）重复上述N次（一般大于1000），得到N个统计量T。（4）计算上述N个统计量T的样本方差，得到统计量的方差。

统计中的 Bootstrap 方法是指什么 Bootstrap方法根据给定的原始样本复制观测信息对总体的分布特性进行统计推断，不需要额外的信息，Efron（1979）认为该方法也属于非参数统计方法。Bootstrap方法从观察数据出发，不需任何分布假定，针对统计学中的参数估计及假设检验问题，利用Bootstrap方法产生的自举样本计算的某统计量的数据集可以用来反映该统计量的抽样分布，即产生经验分布，这样，即使我们对总体分布不确定，也可以近似估计出该统计量及其置信区间，由此分布可得到不同置信水平相应的分位数——即为通常所谓的临界值，可进一步用于假设测验。因而，Bootstrap方法能够解决许多传统统计分析方法不能解决的问题。在Bootstrap的实现过程中，计算机的地位不容忽视(Diaconis et al.,1983)，因为Bootstrap涉及到大量的模拟计算。可以说如果没有计算机，Bootstrap理论只可能是一纸空谈。随着计算机的快速发展，计算速度的提高，计算费时大大降低。在数据的分布假设太牵强或者解析式太难推导时，Bootstrap为我们提供了解决问题的另一种有效的思路。因此，该方法在生物科学研究中有一定的利用价值和实际意义非参数统计中一种重要的估计统计量方差进而进行区间估计的统计方法,也称为自助法.其核心思想和基本步骤如下：（1）采用重抽样技术从原始样本中抽取一定数量（自己给定）的样本,此过程允许重复抽样.（2）根据抽出的样本计算给定的统计量T.（3）重复上述N次（一般大于1000）,得到N个统计量T.（4）计算上述N个统计量T的样本方差,得到统计量的方差.应该说Bootstrap是现代统计学较为流行的一种统计方法,在小样本时效果很好.通过方差的估计可以构造置信区间等,其运用范围得到进一步延伸.具体抽样方法举例：想要知道池塘里面鱼的数量,可以先抽取N条鱼,做上记号,放回池塘.进行重复抽样,抽取M次,每次抽取N条,考察每次抽到的鱼当中有记号的比例,综合M次的比例,在进行统计量的计算.。

什么是bootstrap栅格系统 什么是栅格系统栅格系统是指，将页面布局划分为等宽的列，然后通过列数的定义来模块化页面布局。Bootstrap的栅格系统采用了1-12列的模式，并且通过比例计算来设置你定义的列宽。例如你这一行想要采用两列的布局模式，那么每列的宽度都为外容器的50%，不管你用什么设备浏览，它都会采用这样的比例进行展示。不过如果当设备宽度小于你设定的最小宽度，那么这两列就会并排成为一列。Bootstrap的栅格系统在Bootstrap中使用栅格系统非常简单方便，只需要在你的div中引入它们已经定义好的类即可。我们先看看Bootstrap有几种栅格类可以使用：1. .col-xs-* 这是超小屏幕类（<768px），类似手机等设备。2. .col-sm-* 这是小屏幕设备类（≥768px且<992px），类似平板设备。3. .col-md-* 这是中型设备类（≥992px且<1200px）。4. .col-lg-* 这是大型设备类（≥1200px）。如何使用Bootstrap栅格系统你可以通过使用这些对应设备的栅格类来决定自己应用在不同设备上的布局样式。例如：<div class="col-xs-6 col-md-12"></div><div class="col-xs-6 col-md-12"></div>这种编码的结果就是，这两个div在pc端浏览起来是两行（每行都占据12列栅格），而在手机端浏览器来是一行两列（每列占据6列栅格）。通过这种形式，就能很方便地使用栅格系统定制自己的应用布局了。其他信息除了以上的使用方法之外，还能使用“列偏移类”来快速对自己的栅格进行定位，使用方法类似<div class=".col-md-8 .col-md-offset-3"></div>按照这样的写法，这个div就会在pc端向右偏移 3列。

Bootstrap 加载不出来解决 遇到个小问题，以前没注意：问题：本地调用顺序， <link rel="stylesheet" href="/tp/res/bootstrap/css/bootstrap.min.css" /> <script src="/tp/res/bootstrap/js/bootstrap.min.js"></script> <script src="/tp/res/js/jquery2.0.0.min.js"></script> 发现调用不出来，只有调用其他网站的资源才开用. 解决：调整一下调用顺序，必须先调用jquery，然后再调用js，如下： <link rel="stylesheet" href="/tp/res/bootstrap/css/bootstrap.min.css" /> <script src="/tp/res/js/jquery2.0.0.min.js"></script> <script src="/tp/res/bootstrap/js/bootstrap.min.js"></script>

如何修改bootstrap样式 bootstrap已经作为前端开发必不可少的框架之一，应用bootstrap使得我们对布局、样式的设定变得非常简单。但bootstrap提供的默认样式往往不能满足我们的需求，从而定制化bootstrap成为我们经常需要做的工作，本文就如何更高效更可维护地定制bootstrap做一下探讨。如下图，在你的button 中加入bootstrap的class: btn btn-primary,就可以将默认的button（左边）变成右边的样式。可如果我们想应用自己的样式呢？比如我们想要拥有圆角的button。通常，我们可以直接覆盖bootstrap的样式。我们在自己的项目目录下新建my-custom.css文件，加入如下代码：.btn { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}将my-custom.css文件引用放到bootstrap.css文件后面，我们定义的btn样式就会覆盖原有的样式（注：这里的‘覆盖"指的是增量叠加式的覆盖）。<link rel="stylesheet" href="boostrap.css"><link rel="stylesheet" href="my-custom.css">但这种方法有它的优缺点，优点：不会改变你的工作流程。你可以快速直接修改你的样式，即使是你的网站引用了其他的类似bootstrap的框架样式，你都可以在同一个地方进行统一的定制。缺点：但是对于更彻底的修改(比如重新设计导航栏)或是非局部的修改(比如修改适用于整个网站的高亮颜色)来说，这样东一块，西一块的覆盖样式更像是一种打补丁式的解决方案。而且你的新样式要添加到Bootstrap的默认样式表里，让本已经100 KB的文件越发臃肿。如果你不仅仅想要做一些覆盖，那就要考虑一种更具扩展性的方法了。另一种方法是生成一个自定义构建的bootstrap。我们可以使用官方的构建器，你可以对bootstrap中样式变量进行自定义。

什么是bootstrap方法 一、Bootstrap非参数统计中一种重要的估计统计量方差进而进行区间估计的统计方法，也称为自助法。其核心思想和基本步骤如下：[1]（1）采用重抽样技术从原始样本中抽取一定数量（自己给定）的样本，此过程允许重复抽样。（2）根据抽出的样本计算给定的统计量T。（3）重复上述N次（一般大于1000），得到N个统计量T。（4）计算上述N个统计量T的样本方差，得到统计量的方差。应该说Bootstrap是现代统计学较为流行的一种统计方法，在小样本时效果很好。通过方差的估计可以构造置信区间等，其运用范围得到进一步延伸。具体抽样方法举例：想要知道池塘里面鱼的数量，可以先抽取N条鱼，做上记号，放回池塘。进行重复抽样，抽取M次，每次抽取N条，考察每次抽到的鱼当中有记号的比例，综合M次的比例，在进行统计量的计算。二、在统计学中，自助法（Bootstrap Method，Bootstrapping或自助抽样法）是一种从给定训练集中有放回的均匀抽样，也就是说，每当选中一个样本，它等可能地被再次选中并被再次添加到训练集中。自助法由Bradley Efron于1979年在《Annals of Statistics》上发表。当样本来自总体，能以正态分布来描述，其抽样分布(Sampling Distribution)为正态分布(The Normal Distribution)；但当样本来自的总体无法以正态分布来描述，则以渐进分析法、自助法等来分析。采用随机可置换抽样(random samplingwith replacement)。对于小数据集，自助法效果很好。

如何使用bootstrap框架 方法/步骤到bootstrap官方网站下载，对于我们开发者来说，直接下载编译和压缩后的CSS、JavaScript文件，另外还包含字体文件，但是不包含文档和源码文件。打开解压包之后可以发现包含三个文件夹 css、fonts、js。这是最基本的Bootstrap组织形式：未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons所有Bootstrap插件都依赖jQuery。而且在正式的项目当中我们推荐使用压缩之后的版本，因为它的体积很小，到官网下载jQuery支持，如图：将下载后的就jQuery放到bootstrap中的js目录下，如图：在bootstrap的根目录下新建一个demo.html文件，（注意，必须在根目录下面新建，因为后面的步骤中要将bootstrap框架中的css和js文件链接到创建的demo中）编辑demo.html文件，添加对bootstrap框架中css和js的引用，内容如下，图片有注释说明，这样，我们就基本上建立了对bootstrap框架的基本使用架构源码：<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>无标题文档</title><link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"></head><body><script type="text/javascript" src="js/jquery-2.1.3.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script></body></html>另外，bootstrap官方提供了链接服务，永久免费，即使你不下载bootstrap框架文件到本地，也可以直接在html中使用，使用下面这段代码：<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

如何使用bootstrap框架 下面我在这里简单的介绍下Bootstrap框架。　　Bootstrap框架属于UI框架，这个和jQuery不太一样，其实准确的描述Bootstrap框架属于css框架而非javascript框架，但是它本身也使用javascript来完善Bootstrap框架的视觉效果。此外，Bootstrap框架十分超前，在支持html5和css3的浏览器上表现特别好，而且对移动终端的浏览器支持也是相当优秀。　　一个完整的Bootstrap框架包含如下四个部分：脚手架（不知道官网为啥这么翻译）：用于重置背景、链接样式、栅格系统等，并包含两个简单的布局结构。Bootstrap的样式使用了lesscss技术，比如重置背景这样的操作，这些比较简单我就不展开叙述了，脚手架里最出彩的是栅格系统和布局。栅格系统是将页面宽度分成12列，栅格系统分为两种类型，一种是默认栅格系统，这时候栅格系统是按940px像素进行等分，我们可以使用span1，span4这样的class属性操作默认栅格布局，另一种是流式栅格系统，这个时候分列的宽度就不是固定，而是根据你可视页面进行12等分，同样可以使用span1，span4操作流式栅格。这个系统非常之好，做css最难的就是div布局，使用栅格系统可以大大简化div的布局操作。另外一个就是做布局操作了，布局也分为固定和流式，让不太精通css布局也能轻松操作布局。基本的css样式。Bootstrap给出了一样常用的HTML元素的样式，例如：按钮、表单和文字等等。大部分做网站的人都不是美工出身，做出赏心悦目的网页是件很困难的事情，css提供的样式很专业很精美，能让我们轻松开发出一套精美的网站Css组件：Bootstrap还提供一些常用的css组件，同样很优秀很棒。Javascript插件：Bootstrap是个开放的系统，我们可以随意扩展Bootstrap，特别是javascript的框架，这样Bootstrap就会更加专业。　　Bootstrap是个操作性质的框架，没必要做深入分析，最关键是有没有好的使用实例，我下载Bootstrap发现，下载包里的example不是太强大，例子都在它的官网上，很多对css和javascript不是特别熟悉的人使用起来都不太习惯，因此我将这些例子进行了整合，作为单独的例子工程，这个工程非常全面，我在网上找过，目前还没有比我整理的更详尽的例子，大伙下载下来按照我的工程目录结构就可以进行开发了。

学bootstrap前需要什么基础？需要掌握哪些知识？ 在您开始学习Bootstrap之前，您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持：所有的主流浏览器都支持 Bootstrap。容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见 Bootstrap 响应式设计。它为开发人员创建接口提供了一个简洁统一的解决方案。它包含了功能强大的内置组件，易于定制。它还提供了基于 Web 的定制。它是开源的。 Bootstrap 包的内容基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构部分详细讲解。 CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。 JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap 插件部分详细讲解。定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。 u200b

Bootstrap基本使用？ Bootstrap是当前流行的前端框架。下面，我们来看看Bootstrap的基本使用吧。 Bootstrap中文网在浏览器中输入【Bootstrap中文网】，然后点击相关的链接，如下图所示： Bootstrap中文文档然后会进入相关的页面，点击【Bootstrap中文文档】按钮，如下图所示：下载Bootstrap 然后点击【下载Bootstrap】按钮，如下图所示： Bootstrap教程下载相关文档之后就可以使用文档中的JS文件，然后在浏览器中输入【Bootstrap教程】，即可学习简单的Bootstrap使用方法。

什么是bootstrap Bootstrap来自Twitter，是目前非常受欢迎的前端开源工具包，用于快速开发Web项目和应用程序。Bootstrap基于HTML、CSS、JAVASCRIPT，自2011年8月在Git Hub上发布，推出以后颇受广大用户青睐。Bootstrap中预定义了一套CSS样式以及与样式相对应的j Query(j Query是一个快速、小巧、功能丰富的JAVASCRIPT库）代码。在网页开发时，首先要在HTML结构的<head>与</head>之间引入“bootstrap.min.css”，接着在<script>与</script>之间引入“bootstrap.min.js”，然后在class类名称中引入Bootstrap中的样式类，即可实现预期的网页效果

bootstrap什么意思 bootstrap的意思是：独自创立。Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架，使得Web开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。Less是一个CSS预处理器，让CSS具有动态性。另一方面，Bootstrap是一个快速开发Web App和站点的工具包。这样，您可以在CSS中使用Bootstrap的Less变量、mixins（混合）和nesting（嵌套）。双语例句1、Study and Application of Bootstrap Method in Vehicle Fault Detection Technology.Bootstrap法在车辆故障检测中的研究及应用。2、Study on Small Scale Sample Test Estimation Method Based on Bootstrap Method.基于Bootstrap方法的小子样试验评估方法研究。3、Quality Control of Body in White Based on Bootstrap Method.基于Bootstrap方法的车身制造质量控制。

bootstrap官网中class="container-fluid"实现的是什么效果 bootstrap官网中class="container-fluid" container一个是自适应布局，一个是固定宽度布局实例：流式布局容器将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。

MPLUSmlm法不能进行bootstrap 答：Bootstrap的开发者们确实做了非常棒的工作，使得很多事情变得简单，他们的代码被模块化，你可以下载框架的独立组件。他们在网站上甚至提供了一款基本自定义工具，允许你编辑变量。其余的，则决定于我们。一些真正的设计者和开发者已经加紧创建工具和变更，我们没有理由落于人后。现在已经没有借口再去使用Bootstrap的默认设定了。Bootstrap变更以下是一系列变更已经非常成熟了，可以将你基本的bootstrap变得不再是你熟识的那个样子。这些变更的使用可能有些限制，也有些是在特定条件下使用的，但是如果他们符合你的需求，他们会为你省下不少时间和金钱。FlatUI第一种变更就是FlatUI（扁平化设计界面），由Designmodo发布。FlatUI迅速普及开来，在设计界有很好的理由：那就是它做的很漂亮。它是为那些偏爱扁平化设计的人存在的-与Bootstrap多少有些的拟物化设计正相反-每一个UI元素都被依据崭新的美学重新设计了。矢量图标，一个新的字形图标字体，自定义的UI元素（类似于to-dolist）和多种改变起来非常容易的颜色主题，FlatUI让我，可能许多人也一样，重新设想Bootstrap可以如何展现。我经常觉得，基本的段落元素中的文本大小对于网站而言有些小，说句公道话，我觉得他们只适合于应用程序的界面，在应用程序的界面里，你可以将文本放在狭小的空间里。FlatUI是免费的，但是你可以使用付费的专业版本，专业版本中有附加元素，功能和PSD文件。如何简单快速的修改BootstrapFbootstrapp记得我之前说过有些变更是有特定使用条件的？我当然不是玩笑的。Fbootstrapp已经完全重新开发用于兼容Facebook的用户界面元素。为什么要这么做呢？用他们自己的话说就是“Fbootstrapp是一套发起了FacebookiFrame应用开发的工具包。它包括了基本的排版，表格，按钮，表单，网格，导航和更多元素的CSS和HTML样式，让他们看起来和体验起来都和典型的Facebook一样”。Facebook的开发者们，注意，你们的工作开始变得简单了。如何简单快速的修改BootstrapJumpstartUI管理模板Bootstrap主要是用于应用，如果你想要将它在经典的“管理员界面”上应用，你还需要额外的工作。JumpstartUI为你带来三种不同的模板，让你不再费力。管理员UI图标，小部件的样式，基于jQuery的数据可视化插件还有更多其他的，被引入了干净的，可自定制的，全响应布局中。这种变更不同于其他的最大一点是，它没有任何免费的版本，而必须付费才能使用。它只需要15到20美元，与它可以实现的功能，以及它符合你的特殊需求这两点而言，这个价格非常的划算。如何简单快速的修改BootstrapBootMetro有些人喜欢它，但更多人厌恶它，但是不可否认的是Windows8和其MetroUI在设计界引起了轰动。我并不认为这种UI有特别的用处（一些软件商店除外），不过我们有一个BootMetro！它是免费的，而且看起来特性完善，所以放心使用吧。对于大多数人而言，他可能不是特别有用，但是他是一种新奇的代码体验。如何简单快速的修改BootstrapBootstrap客制化工具所以你想引导你的Bootstrap更好的达到你的UI需求，你要如何开始？你当然可以直接看代码，我可以告诉你，这样做是非常困难的。如果你想手动改变所有的排版，或者是按钮，链接颜色，又或者是导航样式，你可以在Bootstrap网站上的客制化应用中编辑所有的变量，但是你必须知道所有颜色的HEX代码，而且当你做改变的时候，你看不到任何的可视性返回，也就是说你在修改的时候，完全不可预见你编辑后的样子是什么样的。但是幸运的是，现在有很少一部分Bootstrap主题创作者为了这种客制化需求，特别做出了一些工具。以下是我至今认为最好的两种。StyleBootstrap如果你忽略笨拙的界面，StyleBootStrap是款很强大的工具，用于编辑你可以在框架总见到的大多数默认UI元素。如何简单快速的修改BootstrapBootstrapMagicBootstrapMagic是一款帮助你重塑架构的工具。它的界面简单友好，比StyleBootstrap可以微调更多的元素。因此，它需要更多的时间，但是它比起手动修改所有元素还是节省了不少时间。如何简单快速的修改Bootstrap插件&片段有些东西是Bootstrap没有的，但是对我们而言却是非常重要的。首先是图标。FontAwesomeBootstrap提供的图像字符图标非常酷，但是却很有限。你有一个“黑暗”图标，还会有一个“光亮”图标，这些都是一个可爱的小精灵图像。但是图标字体，应该更为灵活。任何你可以用CSS3做的编辑，在这些图标上也都应该可以实现。比如改变颜色，给他们加上一个阴影，像写CSS一样简单。FontAwesome可以现在可以为361个图标进行这样的修改。如何简单快速的修改BootstrapBootsnippBootsnipp是一个HTML片段库，与Bootstrap结合使用，并且不需要添加其他库。片段包括：注册和登陆表单，日历，类似Gmail的e-mail界面，mediaplayer界面，甚至更多。如何简单快速的修改Bootstrap这并不是全部Twitter宠爱的模板越来越被广泛适应，也许在自定义Bootstrap上有更多的方法，更多的信息，是我的列表乃至任何列表中都没有的。

怎么使用锚链接触发bootstrap-modal 对。。。。。。。。。。。。。。。

bootstrap的modal能不能达到背后阴影同时又是static的效果 给那个live demo按钮加上data-backdrop="static" 或者jQuery里绑定的时候加上 $("#myModal").modal({ backdrop: "static" })

使用bootstrap框架建立modal对话框，对话框并不能够正常显示（只会背景变暗，对话框完全不显示） modal外面套container做什么

如何调整bootstrap里modal的宽度 最简单直接就是修改样式，不过bootstrap模态框有两种的一种大,一种小的.

求助bootstrap中使用modal.js调用外部页面的方法 你直接调用那个remote的远程连接。如果看能不能出来页面，如果不能，则是你那远程连接的问题

jquery怎么判断bootstrap模态框是否打开modal 楼主解决了吗？

bootstrap中modal窗口如何去掉遮罩层 div class="modal-header">× Modal header 很简单吧，这样就可以了。注意：data-target属

如何调整bootstrap里modal的宽度 两种方式1、自动调整123456$("#ajaxPage").modal("show").css({width: "auto","margin-left": function () {return -($(this).width() / 2);}});2、增加style,设置宽度1<div class="modal-dialog" style="width:800px;">

Bootstrap 模态框（Modal）使用 定义一个a标签，通过标签的点击事件调用Modal <a id="add" class="btn btn-info" onclick="add();">新增</a> 点击保存后刷新当前页面 parent.location.reload();

bootstrap官网中class="container-fluid"实现的是什么效果 bootstrap官网中class="container-fluid" container一个是自适应布局，一个是固定宽度布局实例：流式布局容器将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。

bootstrap和layer怎么使用 Bootstrap 布局简介在本教程中，您将学习如何使用 Bootstrap 工具包来创建固定布局和流动布局。教程是基于 Bootstrap 版本 2.0。在版本 2.0 中，Bootstrap 为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。可以通过向页面添加 bootstrap-responsive.css 文件（位于 docsassetscss 下）来让布局具有响应性。Bootstrap 固定布局如果您想要创建基于固定像素数的网页或 app，请看这部分的教程。用法<body> <div class="container"> ... </div></body>解释bootstrap.css（位于 bootstrap 的主文件夹的 docsassetscss 下）的第 261 到 273 行，为创建主容器渲染样式，从而创建一个固定布局。固定布局的目的是为网页或 app 创建一个 940 像素（默认）宽的布局。Bootstrap 固定布局的实例下面的代码创建一个网页固定布局。为了定制，除了默认样式，还需创建一个新的 css 文件 example-fixed-layout.css，与 bootstrap.css 位于同一个文件夹下。CSS 代码body {padding-top: 60px;padding-bottom: 40px;}.nav li {padding-top: 5px;}.leaderboard {padding: 60px;margin-bottom: 30px;background-image: url("/twitter-bootstrap/images/gridbg.gif");background-repeat:repeat;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}.leaderboard h1 {font-size: 40px;margin-bottom: 5px;line-height: 1;letter-spacing: -1px;color:#FF6600;}.leaderboard p {font-size: 18px;font-weight: 200;line-height: 27px;}

1 2 下一页尾页

猜你想看

boots slide 七字开头的成语七字开头的成语大全 champion punches pull fruit bangladesh bosom product是什么意思 compliment complement 入开头的四字成语 cotton是什么意思 purified craft bangkok

大家在看

hamada posh koji avcc yammy proposes lingos lingoes mojave vimicro pentile wannacry veggie veggieg serto turnup netants turnto