草庐IT

Bootstrap 超大屏幕(Jumbotron)

全部标签

javascript - 如何在没有 jQuery 或 bootstrap.js javascript 的情况下打开 Bootstrap 模式?

我正在开发一个非常简单的调查应用程序。该应用程序在连接非常有限的第三世界国家/地区运行。我们发现加载时间与用户参与度成正比(对我们来说非常重要)。今天我使用了2个库——VueJS和一个自定义Bootstrap构建。我想调用一个模态。但是模式需要添加BootstrapJavascript和jQuery。这些库几乎使加载时间加倍。如何在不添加这两个库的情况下打开模式? 最佳答案 @uday链接到CSSonlymodal是一个很好的技巧,但如果您将#tag用于其他目的(例如,路由和参数传递),则使用起来可能会很尴尬。所以这是一个使用很少的

javascript - 获取以屏幕像素为单位的旋转 SVG 元素的边界?

我正在尝试找到以屏幕像素为单位获取任意SVG元素边界框的最佳方法,以便正确覆盖HTML元素。到目前为止,我的方法是使用.getBBox()和.getCTM()检索对象的边界框和变换矩阵,然后将变换应用于边界框点如thisquestion的已接受答案中所述.//gettheelementvarel=$(selector)[0],pt=$(selector).closest('svg')[0].createSVGPoint();//gettheboundingboxandmatrixvarbbox=el.getBBox(),matrix=el.getScreenCTM();pt.x=bbo

javascript - bootstrap + jade 复选框

亲们,我对jade和bootstrap很陌生。创建一个简单的表单,其中包含下拉菜单和复选框。现在我的代码如下所示:form(role="search",action='/uri/blah'method='post').navbar-form.navbar-left.form-groupinput(type="name",name="bae",placeholder="bae",required).form-controlselect(id="type",name="type").form-controloption(value="foo")foooption(value="bar")b

javascript - Bootstrap 3 Carousel 上的动画高度变化

在研究“如何在Bootstrap3Carousel上设置高度变化动画”这个问题时,我发现了thisanswer,但是它对我的Bootstrap轮播没有任何影响。我还不能发表评论并在那里要求澄清,因此是一个新问题。建议的解决方案是functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.active.item').parent().

javascript - PhantomJS 捕获移动浏览器的屏幕截图

我试图用PhantomJS创建一个网络截图,但我得到的图像是移动浏览器。我正在使用MACOS优胜美地。这是我的JavaScript:屏幕.jsvarWebPage=require('webpage');page=WebPage.create();page.open('http://www.apple.com');page.onLoadFinished=function(){window.setTimeout(function(){page.render('appleScreenShot'+'.png');phantom.exit();},2000);}这是我的命令行代码phantomj

javascript - 刷新 Bootstrap 表

问题是我无法在完成注册后让表(bootstrap-table)更新数据。我正在尝试通过JS来完成,但没有成功。我尝试了以下方法:JS$.post($form.attr('action'),$form.serialize(),function(result){if(result.status=="true"){$(location).attr('href',result.acao.url);}else{$('#cargo').formValidation('resetForm',true)$('#cadastroCargo').modal('hide')//ATTEMPTREFRESHB

javascript - Bootstrap 获取 div 列的宽度(以像素为单位)

我正在使用Bootstrap设置一个页面。我的布局工作得很好,但其中一个元素是美国的可缩放map(使用d3)。我使用的缩放功能需要div的宽度和高度(以像素为单位),以便计算如何平移和缩放map。我试过使用百分比,但我什么也做不了。有什么方法可以动态获取div的高度和宽度。我搜索了所有内容,但搜索词太笼统(或者我不够聪明,无法正确表达)。或者,我还可以通过其他方式获得必要的值。这是我使用硬编码宽度和高度的实现(如果页面调整大小,这将不起作用)。//makethemapelementvarwidth=1000;varheight=1000;varsvg=d3.select("#Map")

javascript - 无法关闭 ng-bootstrap 模式

所以我有一个NgbModal,里面有一个表单,我想要实现的是在成功提交时关闭它。这是我的模态组件:@Component({selector:'create-update-transaction',templateUrl:'./CreateOrUpdateTransaction.html',providers:[AccountTransactionsService]})exportclassCreateOrUpdateTransactionComponent{closeResult:string;modalRef:NgbModalRef;@Input()transaction:Trans

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - 通过屏幕分辨率检测移动设备的可靠性如何?

这听起来好得令人难以置信,所以如果是这样请告诉我。如果我只有一个单一版本的移动网站(没有变体不同的设备,所有手机只有一个网站),它的可靠性如何通过屏幕分辨率检测移动设备?如果屏幕分辨率小于400像素,则只需提供移动版本。注意:我的问题假定启用了javascript。另外,我知道有用户代理检测,但我不想使用它。 最佳答案 Javascript移动设备屏幕高度检测根本不可靠。问题是不同的浏览器使用不同数量的“chrome”,不同的操作系统版本对系统栏使用不同的高度。所有检测机制报告的高度都不可靠(screen.height、window