Bootstrap way to explore 2020-06-17T02:04:18Z Copyright © 2010-2018, V2EX Bootstrap 5 Alpha 发布了, 前端的小朋友们了解一下 tag:www.v2ex.com,2020-06-17:/t/682235 2020-06-17T01:43:12Z 2020-06-17T02:04:18Z beginor member/beginor BootStrap 5 Alpha 发布, 前端的小朋友们了解一下

v5-new-logo

https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/

https://v5.getbootstrap.com/

最大的好消息是已经移除了 jQuery !

]]> vue-cli3+bootstrap-vue 通过 v-for 循环绑定 src 加载本地的图片失败 tag:www.v2ex.com,2020-03-10:/t/651728 2020-03-10T23:27:23Z 2020-08-14T18:41:22Z Tlin member/Tlin 我参照了官网的配置写法,下面是我想问的。

<div v-for="item in data" :key="item.id"> <b-img-lazy width="30" height="30" alt="ico" :src="item.logo"></b-img-lazy> </div> 

本地图片:src/assets/img/logo.png 本地编写的数据:

data : [{ "id": "001", "title": "person", "logo":"assets/img/logo.png" }] 

如果按以上循环绑定本地的图片就会显示失败,如果图片为网络地址就会成功,如: "logo":"https://picsum.photos/600/400/?image=94" 我开始以为是我本地数据的地址写错了,但无论我怎么改还是没有显示出来。 难道不能循环绑定 src 吗?我看给的示例是绑定网络上的地址:

<b-img-lazy v-bind="mainProps" :src="getImageUrl(80)" alt="Image 1"></b-img-lazy> getImageUrl(imageId) { const { width, height } = this.mainProps return `https://picsum.photos/${width}/${height}/?image=${imageId}` } 

我也使用过这种写法来绑定本地的数据,但仍旧不行。 目前在在国内的网上很难找到 bootstrap-vue 的相关问题解决方案,不知有老哥遇到过没,真是头大! 我也在 bootstrap-vue 的 github 上提了就我用中文提的那个…………

]]>
请教下 WebStorm 里没有 BootstrapVue 标签的代码提示的问题 tag:www.v2ex.com,2019-11-16:/t/620144 2019-11-16T03:53:01Z 2019-11-16T07:13:23Z Tidusy member/Tidusy 就是比如<b-navbar-brand>这些标签没有代码提示,但是实际上项目解析是没问题的,效果也正常,就是在 webstorm 里没有提示,感觉非常麻烦。请问下该如何解决呢 刚接触前端的小白,实在是搜不到相关的内容,谢谢大家</b-navbar-brand>

]]>
请教一下 bootstrapTable 和 pageHelper 实现服务端分页 tag:www.v2ex.com,2019-10-24:/t/612528 2019-10-24T06:09:29Z 2019-10-24T06:06:29Z mart1nN member/mart1nN 数据前台能查到,表格能显示,但是表格左下方数据总量显示 undefined,右下角无分页栏,就是没有“下一页,上一页”这些,控制台中 total 总数没问题,往前台传了,并且 onLoadSuccess 事件中能打印出来 totalRows (看了 bootstraptable 官网的属性说明,好像这个是显示数据总量的,我后台传上来的变量叫 total,它应该自动赋值了)

$("#table2").bootstrapTable({ method: 'POST', contentType : "application/x-www-form-urlencoded", // dataType: 'json', url: "", cache: false, load: false, toolbar : "#toolbar", toolbarAlign: 'right', clickToSelect: true, sidePagination: "server", pagination: true, totalRows: 6, pageNumber: 1, pageSize: 2, pageList: [1, 3], smartDisplay: false, onlyInfoPagination: false, columns: getColumns(), onLoadSuccess: function (jsonData) { $("#table2").bootstrapTable('load', jsonData.list); }, onLoadError: function () { bootbox.alert("加载失败"); }, queryParams: function () { var params = { limit: this.limit, offset: this.offset, pageNumber: this.pageNumber, pageSize: this.pageSize }; return $.extend(params, queryParamsF()); } }); 

前端接收到的数据

endRow: 2 hasNextPage: true hasPreviousPage: false isFirstPage: true isLastPage: false list: [{id: 1, bookName: "长安 1", author: "林德霍尔姆", price: 99.9, state: "可借", sid: 2,…},…] 0: {id: 1, bookName: "长安 1", author: "林德霍尔姆", price: 99.9, state: "可借", sid: 2,…} 1: {id: 2, bookName: "Java 虚拟机规范", author: "林德霍尔姆", price: 99.9, state: "不可接", sid: 2,…} navigateFirstPage: 1 navigateLastPage: 3 navigatePages: 8 navigatepageNums: [1, 2, 3] 0: 1 1: 2 2: 3 nextPage: 2 pageNum: 1 pageSize: 2 pages: 3 prePage: 0 size: 2 startRow: 1 total: 6 
]]>
想问一下 bootstrap 官网, bootstrap-vue 是你们官方出的吗?有 bug 啊 tag:www.v2ex.com,2019-09-11:/t/599939 2019-09-11T03:12:00Z 2019-09-11T03:09:00Z niknik member/niknik https://bootstrap-vue.js.org/docs/components 这些组件怎么怪怪的,table 的自定义都用不了

]]>
datetimepicker 和 bootstrap 布局冲突? tag:www.v2ex.com,2019-08-02:/t/588561 2019-08-02T08:10:58Z 2019-08-09T00:39:01Z piaochen0 member/piaochen0 使用 daterangepicker 来选取日期,不过加载页面后,总是会显示 Canel 和 Apply 按钮。会把下一行的内容也挡住。点击一下控件,随便选一个日期,确定后,就会消失。

UTOOLS1564732386606.png

HTML:

<input class="form-control" id="test" type="text" value="07/15/2015">

js: $('#test').daterangepicker({
startDate: moment()
});

我尝试了下,感觉跟 bootstrap 的布局有关系,在普通 div 布局的情况下,不会出现,显示正常。很迷。 有什么办法能解决这个问题?

]]>
实现的人是这么惨的吗 tag:www.v2ex.com,2019-07-23:/t/585296 2019-07-23T02:00:10Z 2019-07-21T02:07:46Z wisetc member/wisetc 实现梦想的不应该是神龙吗?

可是现实中,各方都会给你提各种要求,把你搞得精疲力尽。测试提需求,后端给 bug 接口,UI 临场发挥,现场给你找麻烦,要资源总是不满足,责权利总不对等。总是出问题的晋升,把事情做好的沉默。

]]>
简约的博客模板 tag:www.v2ex.com,2019-07-22:/t/585210 2019-07-22T13:18:02Z 2019-07-22T13:15:02Z lcw0310 member/lcw0310 大家有没有什么简约的博客模板推荐下,最好是响应式的

]]>
Bootstrap 按钮按下去的颜色怎么修改? tag:www.v2ex.com,2019-04-16:/t/555743 2019-04-16T08:35:52Z 2019-04-14T20:59:09Z imningfeng member/imningfeng 修改了按钮的伪类,但是还是出现了蓝色背景。

谷歌只找到了一个类似问题,但是按那个回答的修改还是会出现蓝色背景。 https://segmentfault.com/q/1010000004184231

无奈本人技术太菜,被这个问题困扰好几天了。 图片 就是图上那个发起的按钮,求大佬帮帮弟弟!

www.dalaowo.com 账号 test 密码 123456

]]>
Bootstrap 4 简体中文文档 tag:www.v2ex.com,2018-12-24:/t/520591 2018-12-24T11:04:45Z 2018-12-25T02:24:54Z qiuai member/qiuai Bootstrap 4 简体中文文档 http://bs4.vx.link

]]>
新人刚接触 bootstrap,想问一下 DropDown 的问题 tag:www.v2ex.com,2015-11-07:/t/234427 2015-11-07T09:10:02Z 2015-11-07T11:19:11Z BROWNURSIDAE member/BROWNURSIDAE ASP.NET ,刚刚在 vs 上装了 bootstrap3 ,然后问一个愚蠢的问题 Dropdown 怎么回去选中的值吖?和书上的 DropDownList 差距好大,完全无法入手,是在 Javascript 里面的吗,求正确姿势 ]]> Bootstrap Visual Editor tag:www.v2ex.com,2014-08-19:/t/128702 2014-08-19T03:51:14Z 2014-08-19T04:48:14Z binarymann member/binarymann http://www.bootply.com/

http://www.layoutit.com/build ]]>
Bootstrap Cheat Sheet tag:www.v2ex.com,2014-08-16:/t/128195 2014-08-16T02:36:24Z 2014-08-16T06:36:03Z ufologist member/ufologist Bootstrap 实用手册

最近高频使用 Bootstrap, 整理出一个便于使用的小册子, 简洁明了, 比起每次查官方文档要快多了, 希望大家也觉得有用.

bootstrap cheat sheet preview

]]>
推荐个 bootstrap 表单验证插件? tag:www.v2ex.com,2014-07-31:/t/125477 2014-07-31T09:15:49Z 2014-07-31T09:53:17Z joyerma member/joyerma BootStrap 3 和高德地圖 Javascript API 共同使用時地圖不能正確顯示的解決方案 tag:www.v2ex.com,2014-05-13:/t/112320 2014-05-13T04:20:59Z 2014-05-13T04:17:59Z 013231 member/013231
#map {
min-height: 0;
}

`#map`是地圖容器. ]]>
从2升级到3,各种坑啊. 现在最急迫的是: 怎么找回多级菜单? tag:www.v2ex.com,2014-01-27:/t/98494 2014-01-27T05:40:37Z 2014-01-27T06:52:52Z initialdp member/initialdp 国家邮政局申诉网站界面是用Bootstrap做的 tag:www.v2ex.com,2014-01-17:/t/97427 2014-01-17T10:30:19Z 2014-01-17T14:33:20Z 013231 member/013231 http://sswz.spb.gov.cn

第一次见到用Bootstrap的政府网站. ]]>
Bootstrap v3 貌似有个bug firefox显示正常,chrome显示就不正常。。帮我看下。。 tag:www.v2ex.com,2013-10-09:/t/85043 2013-10-09T17:09:44Z 2013-10-09T17:48:09Z kstsca member/kstsca <div class="form-group">
<p class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
<input type="email" name="email" class="form-control" placeholder="请输入你的邮箱地址">
</p>
</div>
<button type="submit" class="btn btn-success">提交</button>
</form>


chrome提交按钮到下面去了,input 老长老长的。。。

firefox下一切正常。。 ]]>
这是什么交互模式? tag:www.v2ex.com,2013-08-28:/t/80556 2013-08-28T13:29:03Z 2013-08-28T13:36:47Z fucktwice member/fucktwice <option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select> ]]>
从 Bootstrap 2 迁移到 3,一个问题想不明白。 tag:www.v2ex.com,2013-08-22:/t/79898 2013-08-22T09:27:35Z 2013-08-23T09:42:38Z soli member/soli
原来版本2 中直接使用 span* 就可以了,现在版本3 中这东西分成了四类:col-xs-*、col-sm-*、col-md-* 和 col-lg-*。

我的问题是,为什么不直接 col-* 就好了,或者还是使用 span* ?不是有 media query 么?为什么 Bootstrap 不自己把响应式布局搞定,而还要用户自己选 xs、sm、md 还是 lg 呢?

现在我都不知道该用上面四类的哪一个了。

PS:前端新手,请轻拍。 ]]>
ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86