strap

阅读 / 问答 / 标签

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了，这些都是封装好的，只要嵌套正确就是做出漂亮的网页了。

In the struggle,the strap broke and,with the bag in their possion, both men started running broke 是谓语动词的 break的过去式本句是个并列句由 and 连接主句是 the strap broke and both men started running本句的两个动词分别是 broke 和 started start doing 表示一种长期的运动

前端框架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其他知识部分，谢谢大家阅读本人文章，祝愿大家心想事成！

strap stripe从读音上怎么区分?? strap英 [strp]美 [strp]v.用带捆扎;用皮带抽打;拼命工作n.带子;皮带;磨刀皮带;鞭打stripe英 [strap]美 [strap]n.条纹;种类;军士军阶;犯人穿的横条囚衣vt.使带有条纹

strap hw and sw setting什么意思 strap hw and sw setting带硬件和软件设置strap hw and sw setting带硬件和软件设置

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简单的一点分析，偏向于表面，大的结构，没有深入到具体的细节里面。无论要掌握何种知识，都要由浅入深，不要一上来就抓住某个点不放。循序渐进，有了坚持和热情，就相当于已经成功了。

这句英语怎么翻译呢strap on a pair 像个男人，勇敢一点。。a pair 就是男人大腿间那一对樱桃小丸子。

求助啊，在vue2中使用vue-strap总是会报错Uexpected export 反响还不错，但是技术日新月异，各种技术更新迭代的非常快，在遇到新的技术后，往往就不愿意去了解旧的是怎么工作的。那么vue2的配置步骤也势在必出，vue2目前还没发布正式版，相信过不了多久就会正式发布，为了日后少挖坑，建议要认真阅读新版本的文档。这个事情上不能浮躁。　　vue-cli也更新到了vue2，在vue2出来后不久，我就尝试了下按上文的步骤来搭建vue2，基本靠谱，改动的地方不多，这么说是不是可以偷懒只用写和vue1区别就完事了，似乎不合我心意，那么还是啰嗦点，按新手视角来，上文中的一些“啰嗦的话”就省略了，使步骤更简洁。有些变化不大的步骤就直接复制上文。　　初始化项目　　新建项目目录vue2practice，npm init初始化package.json，在package.json中添加必要的模块如下：　　"devDependencies": {　　"vue": "^2.0.7",　　"vue-loader": "^9.9.5",　　"vue-router": "^2.0.2",　　"webpack": "^1.13.3",　　"webpack-dev-server": "^1.16.2"　　}　　新建目录结构如下图，新建的文件先空着，后面步骤会说明添加什么内容。　　这里写图片描述　　配置webpack　　webpack 默认读取 webpack.config.js，文件名不能随便改，其中 entry 是必须配置的。　　module.exports = {　　entry: "./src/main.js"　　}　　配置 webpack-dev-server，在 package.json 添加以下启动参数即可。　　"scripts": {　　"dev": "webpack-dev-server --inline --hot --open"　　}　　配置了server，习惯性的测试下上述配置是否成功，确保后续步骤是在一个成功的基石上进行的，执行npm install，然后npm run dev、访问http://localhost:8080/，能访问（可以在index.html添加内容来确认是否启动成功）则说明上面的配置ok。　　Vue　　新建“页面”　　在 src/views 目录下新建一个 about.vue，相当于新建一个“页面”，后面访问 /about 的就是此页面的内容；　　<template>　　<div>　　这是{ { page } }页面　　</div>　　</template>　　<script>　　module.exports = {　　data: function () {　　return {　　page: "about"　　}　　}　　}　　</script>　　配置路由　　vue-router2和1区别还是蛮大的，舍弃了很多方法，详情请自行阅读，点击仔细阅读文档。vue-router2的配置更简单，直接new VueRouter({ routes: [{path: "/路由路径", component: "对应组件"}]})，因此可以把传入VueRouter的参数单独提取到router.js中，方便后续配置，外部直接调用new VueRouter( require(‘./router") ) 即可。router.js配置如下：　　module.exports = {　　routes: [　　{　　path: "/about",　　component: require("./views/about.vue")　　}　　]　　}　　首页　　首页（index.html）只需引入打包后的 js 文件（src 和 webpack.config的 output 配置一致），#app是整个网站的挂载点，简单点说其实整个网站就是一个 vue 的实例，#app就是实例el属性值。　　<body>　　<div id="app"></div>　　<script src="dist/build.js"></script>　　</body>　　接下来就要配置入口js，这个也是和vue1区别比较大的地方，主要是vue-router不再使用VueRouter.start(App,"#app")，同样也使得挂载app需通过render函数的方式。　　const Vue = require("vue");　　const VueRouter = require("vue-router");　　const App = require("./app.vue");　　Vue.use(VueRouter);　　const router = new VueRouter(require("./router"))　　new Vue({　　el: "#app",　　router: router,　　render: h => h(App)　　})　　首页布局app.vue也有变化，均源于vue-router2的改变，链接的方式改为<router-link to="路由地址">链接名称</router-link>　　<template>　　<div>　　<div>　　<router-link to="/about">about</router-link>　　</div>　　<div>　　<router-view></router-view>　　</div>　　</div>　　</template>　　配置loader　　还记得上文提到过，这时候启动会报错，提示一些loader未安装，那么是不是先把那些依赖的模块安装了再说？不慌！先启动看看。结果！！！　　这里写图片描述　　嗯？？？没有报错，一步到位！原来查看node_modules目录，发现vue-loader所依赖的模块都已经安装了。　　这里写图片描述　　谁安装的？难道是最新版的npm会自动安装，赶紧拿着vue1按着同样的配置验证，发现不对，原来是vue-loader2中已经将所依赖的模块放到了其目录下package.json中的“dependencies”，如图所示：　　这里写图片描述　　还有在vue文件中用部分ES6的语法也不会报错了，而且也没有配置js的loader，这也归功于vue-loader2依赖的vue-template-es2015-compiler。请注意是部分语法，比如import等还是要安装babel-loader的。　　支持添加CSS　　上面说过vue-loader 2.0所依赖的vue-style-loader安装好了，但其依赖的css-loader并没安装，需要自己安装，安装之后需要配置css的loader，这个可不会自动完成。　　{　　"css-loader":"^0.26.0"　　}　　如果只在vue文件中使用CSS是不用在webpack.config中配置loader的，这个工作vue-laoder 2.0已经做了，在1.0中需要自己配置，比如about.vue中添加了　　<style type="text/css">　　.about {　　color: #f00　　}　　</style>　　运行效果如下图：　　这里写图片描述　　如果想引用css文件的话，那就要配置loader了，配置如下：　　{　　test: /.css$/,　　loader: "vue-style!css"　　}　　引用css文件的方式可以采用require，比如在about.vue中require("../css/about.css");，那么about.css的样式就会添加到页面中。　　支持添加图片等静态资源　　vue模板以及CSS中免不了使用图片，现在如果直接加，又会报找不到模块的错误，静态资源（图片、图标字体、音频、视频、svg文件等）对应的loader为url-loader，loader信息及配置如下：　　{　　"url-loader":"^0.5.7",　　"file-loader":"^0.9.0" // url-loader依赖file-loader　　}　　{　　test: /.(jpe?g|png|gif|svg|mp3)$/,　　loader: "url"　　}　　支持CSS预处理语言　　实际项目中大多会采用less、sass、stylus中的一种预处理语言来组织整个项目的CSS，因此需要添加这些预处理语言对应的loader，各个预处理语言的loader信息如下：　　{　　"less": "^2.3.1", // less-loader依赖less　　"less-loader": "^2.2.3",　　"node-sass": "^3.4.2", // sass-loader依赖node-sass　　"sass-loader": "^4.0.2",　　"stylus": "^0.54.5", // stylus-loader依赖stylus　　"stylus-loader": "^2.4.0"　　}　　同CSS，如果只在vue文件中使用，则不需要配置loader，如果想引用文件则要配置loader，在about.vue添加测试代码如下，实际项目中一般只会采用一种了。　　<template>　　<div class="about">　　<div class="test-less">测试less</div>　　<div class="test-sass">测试sass</div>　　<div class="test-stylus">测试stylus</div>　　</div>　　</template>　　<style lang="less">　　@color: #00f;　　.test-less {　　color: @color;　　}　　</style>　　<style lang="sass">　　$color: #0ff;　　.test-sass {　　color: $color;　　}　　</style>　　<style lang="stylus">　　color = #f00;　　.test-stylus {　　color: color;　　}　　</style>　　运行效果如下：　　这里写图片描述　　如果想通过引用文件的方式来加载样式，那么就得配置loader了，配置如下：　　{　　test: /.less$/,　　loader: "vue-style!css!less"　　},　　{　　test: /.scss/,　　loader: "vue-style!css!sass"　　},　　{　　test: /.styl/,　　loader: "vue-style!css!stylus"　　}　　将about.vue中各种语言　　require("../css/about.less");　　require("../css/about.scss");　　require("../css/about.styl");

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

硬件boot strap信号作用 是一个做网页的框架。就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题。比如你需要做一个网站的导航对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了。

13' strap drop是什么意思? 13寸宽肩带

strap options是什么意思 strap options带选项

手表上有strap china标签什么意思 strap是表带的意思，就是说表带是中国产的。通常情况下手表分机芯和表带，这两部分产自不同国家是有可能的。

strap和bind作动词时有什么区别 Strap用於平滑物料如皮带、绷带等等将某物捆绑例:She climbed the mountain with a 40-pound pack strapped to her back. bind则常指用绳子绑定、或无形的捆绑例:1)She binds her hair into a ponytail.2)Different groups are bound together by a common interest.

bind和strap的区别 我自己人认为strap比thong应用的范围要广，前者不管（带）长短都有用法但后者则侧重于细长型（如：绳子）一般短小之物未见用此词，strap与生活中常见事物联系较紧密：公交车上的吊环（链）、手表带、书包带等。以下是英汉词典中对两词的解释（仅供参考），你自己体会一下。strap[strAp]n.带, 皮带vt.用带缚住, 用带捆扎strap[strAp]n.带, 皮带, 铁皮条[箍](磨刀的)皮带, 荡刀皮带吊带, 带圈表带; 肩章搭扣鞋橡皮膏[the strap]鞭打[英]信用[爱尔兰语]轻佻的女子, 娼妓【航海】滑车带【植】小舌片【电】母线strap[strAp]vt.用带子捆扎[系上], 用皮带捆用皮带抽打; 用皮带磨【医】贴上橡皮膏strap on a wrist watch带上手表strap up a suitcase用皮带及搭扣来捆住手提皮箱strap a razor在皮带上磨剃刀strap-braken.带闸strap-downn.接联 strap-hangerstrap[strAp]n.(电车上)拉着吊带站着的乘客strap-hangingn.(在车上因无座)拉着吊带站着strap-laidadj.用两条三股绳平列缝合的strap-oiln.[俚]鞭打strap-onn.搭接 strap-shapedadj.舌状的strapwork[`strApw:k]n.用窄带折迭而成的装饰图案strapless[`strAplIs]adj.无带的, 无肩带的straplikeadj.strappableadj.black strap粗劣的葡萄酒, 掺糖蜜的甘蔗酒; [美]咖啡on(the) strap凭信用, 赊shoulder strap(制服上的)肩章; 肩带; (书包、照相机等的)背带strap in拴上安全带strap on把...用带子捆绑strap up用带子捆绑用绷带包扎(伤口等)anode strap阳极均压环, 阳极条anticreeper strap防爬带, 防爬器attachment strap搭接带, 搭接板back strap背垫条, 衬垫, 垫里, 垫座berth safety strap卧铺安全带black strap黑液层(亚铅酸钠脱臭时形成的中间层, 主要是硫化铅)boiler lagging brass strap锅炉套铜圈butt strap肩托cab strap司机室安装带centre strap网中心布带cheek strap颊革clamping strap夹板, 压板clutch driving strap离合器传动片deckle strap框带double strap双均压环draw strap牵引杆连接板, 辕杆连接板dynamo strap发电机固定带eccentric strap偏心环ejector strap喷吸器带条engine ground strap发动机接地片equalizer safety strap平衡器安全环fixing strap固定带generator adjusting strap发电机调整臂gin strap三脚起重机吊索ground strap接地母线hammer strap抗冲击钢板(拖拉机摆动牵引杆的)hand strap皮带拉手head strap顶革heel strap扒头铁板joint strap带状结点, 带状接头kicking strap护身带(压船时用)knife strap割刀刀杆, (切割器的)刀杆limitation strap制动膏布lunge strap保护带main rod strap主杆套muffler strap消声器带条neck strap颈圈, 颈枷negative strap负极板连接条pedestal strap导框托板pipe strap管卡pitman strap连杆颊板, 连杆头托座power cell strap电池接电压簧puller strap拉紧带quarter strap系鞍带; 船尾吊带refinery black strap精制糖的糖蜜saddle strap托架, 滑木single strap单均压环stake pocket strap U形螺栓柱插; 标装袋带子starter ground strap起动机接地片starter motor strap起动电动机固定带steel baling strap打包铁皮stub strap端带tank strap油桶箍条T-hinge strap丁字铰接three-way strap三向系板tie strap(金属)支撑板top strap车顶条transmission strap传动带windshield strap风挡嵌带thong[WCN]n.皮带thong[WCN]n.皮带[条, 鞭]; 鞭梢, 马缰绳thong[WCN]vt.装皮带; 用皮带捆; 用皮带打cut a large thong of another man"s leather (=cut thongs of other men"s hides)慷他人之慨

strap(n.)和thong的区别？ 我自己人认为strap比thong应用的范围要广，前者不管（带）长短都有用法但后者则侧重于细长型（如：绳子）一般短小之物未见用此词，strap与生活中常见事物联系较紧密：公交车上的吊环（链）、手表带、书包带等。以下是英汉词典中对两词的解释（仅供参考），你自己体会一下。strap[strAp]n.带, 皮带vt.用带缚住, 用带捆扎strap[strAp]n.带, 皮带, 铁皮条[箍](磨刀的)皮带, 荡刀皮带吊带, 带圈表带; 肩章搭扣鞋橡皮膏[the strap]鞭打[英]信用[爱尔兰语]轻佻的女子, 娼妓【航海】滑车带【植】小舌片【电】母线strap[strAp]vt.用带子捆扎[系上], 用皮带捆用皮带抽打; 用皮带磨【医】贴上橡皮膏strap on a wrist watch带上手表strap up a suitcase用皮带及搭扣来捆住手提皮箱strap a razor在皮带上磨剃刀strap-braken.带闸strap-downn.接联 strap-hangerstrap[strAp]n.(电车上)拉着吊带站着的乘客strap-hangingn.(在车上因无座)拉着吊带站着strap-laidadj.用两条三股绳平列缝合的strap-oiln.[俚]鞭打strap-onn.搭接 strap-shapedadj.舌状的strapwork[`strApw:k]n.用窄带折迭而成的装饰图案strapless[`strAplIs]adj.无带的, 无肩带的straplikeadj.strappableadj.black strap粗劣的葡萄酒, 掺糖蜜的甘蔗酒; [美]咖啡on(the) strap凭信用, 赊shoulder strap(制服上的)肩章; 肩带; (书包、照相机等的)背带strap in拴上安全带strap on把...用带子捆绑strap up用带子捆绑用绷带包扎(伤口等)anode strap阳极均压环, 阳极条anticreeper strap防爬带, 防爬器attachment strap搭接带, 搭接板back strap背垫条, 衬垫, 垫里, 垫座berth safety strap卧铺安全带black strap黑液层(亚铅酸钠脱臭时形成的中间层, 主要是硫化铅)boiler lagging brass strap锅炉套铜圈butt strap肩托cab strap司机室安装带centre strap网中心布带cheek strap颊革clamping strap夹板, 压板clutch driving strap离合器传动片deckle strap框带double strap双均压环draw strap牵引杆连接板, 辕杆连接板dynamo strap发电机固定带eccentric strap偏心环ejector strap喷吸器带条engine ground strap发动机接地片equalizer safety strap平衡器安全环fixing strap固定带generator adjusting strap发电机调整臂gin strap三脚起重机吊索ground strap接地母线hammer strap抗冲击钢板(拖拉机摆动牵引杆的)hand strap皮带拉手head strap顶革heel strap扒头铁板joint strap带状结点, 带状接头kicking strap护身带(压船时用)knife strap割刀刀杆, (切割器的)刀杆limitation strap制动膏布lunge strap保护带main rod strap主杆套muffler strap消声器带条neck strap颈圈, 颈枷negative strap负极板连接条pedestal strap导框托板pipe strap管卡pitman strap连杆颊板, 连杆头托座power cell strap电池接电压簧puller strap拉紧带quarter strap系鞍带; 船尾吊带refinery black strap精制糖的糖蜜saddle strap托架, 滑木single strap单均压环stake pocket strap U形螺栓柱插; 标装袋带子starter ground strap起动机接地片starter motor strap起动电动机固定带steel baling strap打包铁皮stub strap端带tank strap油桶箍条T-hinge strap丁字铰接three-way strap三向系板tie strap(金属)支撑板top strap车顶条transmission strap传动带windshield strap风挡嵌带thong[WCN]n.皮带thong[WCN]n.皮带[条, 鞭]; 鞭梢, 马缰绳thong[WCN]vt.装皮带; 用皮带捆; 用皮带打cut a large thong of another man"s leather (=cut thongs of other men"s hides)慷他人之慨

strap,thread,string,belt有什么区别？各举几个搭配谢谢 中文翻译亦可区分;strap,thread,string,belt中文意思分别是:条纹,线(缝衣用的之类),细绳(红头绳之类的),带(领带,安全带之类的)

解释strap什么意思 带的意思

在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-table 的 toolbar 能去掉显示吗 当然可以，在参数中人把toolbar中的对应按钮的显示全改为false就可以了。或者直接把toolbar:"#toolbar",//指定工具栏这句参数删除也可以！

怎么动态设置改变bootstrap里tooltip的方向值 它是使用bootstrap的popover来实现的，从bootstrap的源码能看到popover是继承至tooltip的组件之一。这里是通过将popover的触发方式设为手动触发，由我们自己来控制显示和隐藏它的时机。并且在依赖节点离开的时候，给定300ms的延迟等待用户进入tooltip panel，如果300ms还没有进入tooltip则隐藏它。否则就阻止隐藏tooltip的逻辑。这代码虽然功能可用，但具有代码洁癖的博主并不太满意这样的代码。它难以阅读维护，同时重用性也将极差。所以笔者决定要以bootstrap插件方式来一bs way写这款插件。当笔者查阅bootstrap tooltip源码时，发现它是一个扩展性很不错的插件。tooltip的显示和隐藏依赖于它内部的hoverState

bootstrap table怎样自适应内容中的宽度？ 自适应的宽度是在js里面设置的，你先看下这个table的ID，然后去找这个JS里面找初始化的地方这个默认的就是自适应的基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。

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

这两个英语 strap 和 stripe 它们读音怎么区分 strap 英 [strp]美 [strp] v.用带捆扎;用皮带抽打;拼命工作 n.带子;皮带;磨刀皮带;鞭打 stripe 英 [strap]美 [strap] n.条纹;种类;军士军阶;犯人穿的横条囚衣 vt.使带有条纹

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日。

bootstrapping methods是什么意思 自举的方法

bootstrap检验中介效应如何解读结果?stata 采用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检验中介效应如何解读结果?stata 您好，请问您在stata里做bootstrap中间效应的代码命令是什么呀，可以分享一下吗，急用，不胜感激！

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

如何使用Bootstrap的modal组件自定义alert，confirm和modal对话框_javascript技巧 本文我将为大家介绍Bootstrap中的弹出窗口组件Modal,此组件简单易用，效果大气漂亮且很实用！由于浏览器提供的alert和confirm框体验不好，而且浏览器没有提供一个标准的以对话框的形式显示自定义HTML的弹框函数，所以很多项目都会自定义对话框组件。本篇文章介绍自己在项目中基于bootstrap的modal组件，自定义alert，confirm和modal对话框的经验，相对比较简单实用，希望能对你有所参考价值。1. 实例展示详细的代码可通过前面给出的下载链接下载源码去了解，代码量不大，这三个组件加起来只有200多行如果你有javascript的组件开发经验，我这个层级的代码相信你一下子就能看明白。源码中我还给出了一个demo，这个demo模拟了一个比较贴近现实需求的一个场景：1）用户点击界面上的某个按钮，打开之前定义的一个modal框：2）用户在打开的modal框内填写一些表单，点击确定的时候，会触发一些校验：没填email时：填写了email之后：这两个提示其实是为了演示Alert和Confirm的效果硬塞进去的，实际上可能没有这么别扭的功能。3）在提示Password为空的时候，细心的人会发现那个确定按钮处于一个禁用的状态，这个考虑是因为确定按钮最终要完成的是一些异步任务，在异步任务成功完成之前，我希望modal组件都不要关闭，并且能够控制已点击的按钮不能重复点击；4）我用setTimeout模拟了一个异步任务，这个异步任务在点击确定按钮之后，3s才会回调，并且：当email输入admin@admin 的时候，会给出提交成功的提示，确定之后就会关闭所有的弹框：当email输入其它值得时候，会给出提交失败的提示，并且modal框会依然显示在那里：在组件定义里面，尤其是注册按钮这一块，我加了一些AOP编程的处理，同时利用了jquery的延迟对象，来实现我需要的异步编程，详情请阅读源码，有问题可以在评论区交流赐教。2. 组件需求有时候为了写一个好用的组件，只需要把它的大概原型和要对外部提供的接口确定下来，就已经完成这个组件编写最重要的工作了，虽然还没有开始编码。以本文要编写的这几个组件来说，我想要的这几个组件的原型和调用形式分别是这样的：1）自定义alert框原型是：调用时最多需要两个参数，一个msg用来传递要显示的提示内容，一个onOk用来处理确定按钮点击时候的回调，调用形式有以下2种：第一种是没有回调的情况，那么直接传递msg即可，第二种是有回调的情况，用options对象的方式来传递msg和onOks回调这两个参数。不管onOk回调有没有，点击按钮的时候都要关闭弹框。2）自定义confirm框这个框的原型跟alert框只差一个按钮：调用形式只有一种：onCancel是在点击取消按钮时候的回调。不管onOk和onCancel回调有没有，点击按钮的时候都要关闭弹框。onCancel回调可以没有。3）自定义modal框原型：调用形式：跟Alert和Confirm不同的是，一个页面里面只需要一个Alert和Confirm的实例，但是可能需要多个Modal的实例，所以每个Modal对象都需要单独new一下。由于每个Modal要完成的事情都不相同，所以：需要一个title参数来设置名称，表达这个Modal正在处理的事情；content参数表示Modal的html内容；width参数设置Modal的宽度，Modal的高度保持auto；buttons参数用来配置这个Modal上面的按钮，一般情况下Modal组件只需要两个按钮（确定和取消）就够了，但也有少数情况需要多个按钮，所以把按钮做成配置的方式相对灵活一点，每个按钮用三个参数来配置，html表示按钮的html结构，selector方便注册回调的时候通过事件委托的方式来处理，callback配置按钮点击时的回调；onContentReady这个事件回调，可以在Modal初始化完毕的时候，主动去初始化Modal内部html的一些组件；由于组件初始化一般只进行一次，所以放在这个回调里面最合适；onContentChange回调，在一个Modal需要被用作不同的场景，显示不同的HTML的内容时会派上用场，但是不是非常的好用，处理起来逻辑会稍微偏复杂，如果一个Modal实例只做一件事情的时候，onContentChange这个回调就用不到了；onModalShow这个回调在每次显示Modal的时候都会显示，使用的场景有很多，比如某个Modal用来填写一些表单内容，下次填写的时候需要reset一下表单才能给用户使用，这种处理在这个回调里面处理就比较合适；onModalHide这个回调有用，不过能够用到的场景不多，算是预留的一个接口。4）其它需求所有类型的弹框都做成虚拟模态的形式，显示框的同时加一个遮罩；所有框都不需要支持拖动和大小调整；alert和dialog框的标题，按钮数量、按钮位置、按钮文字都固定。实际上：遮罩这个效果，bootstrap的modal组件本身就已经支持了；拖动和大小调整，这个功能属于锦上添花，但是对软件本身来说，并一定有多少额外的好处，所以我选择不做这种多余的处理；alert和dialog不需要做太过个性化，能够统一风格，改变浏览器原生的弹框体验即可。5）DEMO中调用实例接下来演示下我在完成这三个组件开发之后，实际使用过程中调用这些组件的方式：3. 实现要点1）最基础的一点，要对bootstrap的modal组件源码有所了解：初始化方式：$modal.modal()打开：$modal.modal("show")关闭：$modal.modal(hide)事件：bootstrap大部分带过渡效果的组件的事件都是成对的，并且一个是现在时，一个是完成时，modal组件定义了2对：show.bs.modal和shown.bs.modal，hide.bs.modal和hidden.bs.modal。这两对事件分别在打开和关闭的过渡效果执行前后触发。从我要定义的组件需求来说，定义组件的时候需要show.bs.modal和hidden.bs.modal这两个事件，在侦听到bootstrap的modal组件派发这两个事件的时候，派发自己定义的组件的事件：modalShow和modalHide。选项：backdrop：是否显示遮罩；keyboard：是否支持键盘回调；show：是否在初始化完毕就立即显示。这三个选项默认都是true，但是在我定义组件的时候，我都配置成了false，键盘回调这种特性暂时不考虑，所以配置为true；当调用bootstrap的modal初始化的时候当然不能立即显示弹框，所以也不能配置为true；backdrop配置为false的原因在下一点介绍。2）遮罩处理如果启用bootstrap的遮罩，会发现在点击遮罩部分的时候，弹框就会自动关掉了，这不是我期望的虚拟模态效果，所以必须把backdrop配置为false。但是把这个选项配置为false之后，又会引发一个新问题，就是组件没有了遮罩效果，所以为了兼顾这两个问题，只能自己写一个简单的遮罩处理：这段代码中引入count变量的原因是因为BackDrop是一个全局的单例对象，当调用多个modal实例的open方法的时候，都会调用BackDrop的show方法，为了保证在调用BackDrop的hide方法时，能够确保在所有的modal实例都关闭之后再隐藏Backdrop，所以就加了一个count变量来记录BackDrop的show方法被调用了多少次，只有当count为0的时候，调用BackDrop的hide方法才会真正隐藏BackDrop。3）组件的选项的默认值定义通过buttons配置两个默认的按钮，确定和取消，然后为了简化这两个默认按钮的回调配置，把这两个按钮的接口进一步扩展到了上一级别，onOk和onCancel分别会在点击确定和取消的时候被调用，这两个选项完全是函数回调，不像onContentReady这种属于事件回调。getDefaultBtnCallbackProxy用来辅助注册onOk和onCancel：里面的this会被绑定到modal实例上。4）构造函数：这个主要是声明了用到的一些实例变量。5）关键的原型方法和函数这是个原型方法，组件的初始化也是在这个方法调用的时候执行的（延迟初始化）。这是个函数，用来初始化组件。其中：setTitle是个原型方法，用来设置modal的标题；setContent是个原型方法，用来设置modal的html内容；addButtons是个原型方法，用来注册按钮；setWidth是个原型方法，用来设置modal的宽度；bindHandler是个函数，用来注册modal的那些事件；倒数第二步调用$modal.modal()初始化bootstrap的modal组件；最后一步触发contentReady事件。bindHandler源码：为了方便使用，我把onContentChange这几个回调的上下文绑定到了当前的modal实例。最后两个事件侦听就是把bootstrap的事件封装成了我定义的modal事件。addButtons源码：从这个代码可以看出：当按钮点击之后，按钮就会被禁用；当按钮返回false的时候，按钮恢复，但是modal不会被关闭，说明当前的一些操作被代码给拦下来了；当按钮返回的是一个延迟对象的时候，会等到延迟对象完成的时候才会恢复按钮，并且只有在延迟对象resolve的时候才会关闭modal；否则就恢复按钮，并主动关闭modal。在这段代码里面考虑了：按钮的防重复点击，modal的自动关闭以及异步任务的处理。6）封装Alert和ConfirmAlert和Confirm其实就是一个特殊的modal，另外这两个组件还可以共用一个modal，了解到这些基础之后，组件就可以这样定义：这段代码里：首先考虑到了延迟初始化这个全局的modal组件；由于onModalHide和onModalShow这两个回调属于事件回调，在初始化组件的时候通过options传进去的参数，不能通过修改options的方式来更改回调，只能通过重新注册的方式来处理；而onOk和onCancel属于函数回调，只要更改了options里面的引用，回调就能更改；考虑到Alert和Confirm内容的长短，新加了一个参数width，以便调节框的宽度。4. 小结本文介绍的是自己在定义js组件过程中的一些方法和实践，代码偏多，不容易引起人的阅读兴趣，但是文中介绍的方法比较简单，而且这三个组件我已经用到好几个项目里面，从目前来看，能够解决我所有需要的弹框需求，所以我把它推荐出来，希望能给有需要的人带来帮助。

webbing strap 是什么意思 用织带捆扎

strapping resistors 是什么意思 捆扎电阻

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。

有哪些值得推荐的类似 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>总结：

bootstrap中col-xs-*和col-sm-* 和col-md-*是怎么样对应的 屏幕在≥768px到 <992px 使用col-sm-*屏幕在≥992px 到<1200px 使用col-md-*屏幕在≥1200px 使用col-lg-*

Bootstrap文本域textarea怎么设置 直接设置下textarea的length即可，之后到达固定的长度就会自动换行：<textarea style="width: 200px;height: 200px;"></textarea><script>document.getElementsByTagName("textarea")[0].onkeypress = function () { var value = this.value, allLine = value.split(" "), lastLine = allLine.pop(); if (lastLine.length >= 15) { lastLine = lastLine.substr(0, 15) + " " + lastLine.substr(15); allLine.push(lastLine) this.value = allLine.join(" "); } };</script>

Bootstrap文本域textarea怎么设置 这有篇文章，你可以看一下http://www.6gdown.com/softedupage/64760.html

bootstrap-select.js 怎么联动改变，例如：省份，城市二级联动。 <html><head><meta charset="UTF-8"><title>Insert title here</title><style> body{ font-size:30px; font-weight: bold; color:red; } select{ color:green; font-size: 25px; }</style><script> var cities; window.onload=function(){ //模拟查询所有的城市 cities=[ ["石家庄","保定","廊坊"], ["广州","东莞","佛山"], ["南宁","桂林","玉林"], ]; } function chg(){ //获取省份 var sel1=document.getElementById("province"); //获取选中省的序号 var n=sel1.value; //获取该省份对应的城市 var pcities=cities[n]; //删除旧的城市 var sel2=document.getElementById("city"); sel2.innerHTML="<option>请选择</option>"; /*var options=sel2.getElementsByTagName("option"); for(var i=options.length-1;i>0;i--){ sel2.removeChild(options[i]); }*/ //追加新的城市 if(pcities){ for(var i=0;i<pcities.length;i++){ var option=document.createElement("option"); option.innerHTML=pcities[i]; sel2.appendChild(option); } } }</script></head><body> 省： <select onchange="chg();" id="province"> <option value="-1">请选择</option> <option value="0">河北省</option> <option value="1">广东省</option> <option value="2">广西省</option> </select> 市： <select id="city"> <option>请选择</option> </select></body></html>

Uncaught TypeError: Bootstrap dropdown require Popper.js 求大神指导 报这个错是提示没有引入 popper.js ，所以需要确认集成的是不是哪里有问题；为了调试，可以不用集成的，或单独再引入一遍 popper.js 文件看会不会报错，如果单独引入没问题，那就说明是集成的 js 哪里不对。一点点调试。注意引入文件的顺序。

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的样本方差，得到统计量的方差。

1 2 3 下一页尾页

猜你想看

shipment ipm SWAT expense avena cupid fifty ecup ebit sauce drinks sue ducks hera anthrax dodge dod rango

大家在看

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