草庐IT

$bootstrap

全部标签

html - 用于 span 标签的 Twitter Bootstrap 工具提示(不适用于标签)

我的问题是基于SO问题Bootstraptooltipsnotworking因此,解决方案是使用:jQuery:$("[rel='tooltip']").tooltip();html:test这很完美。我的问题是:如果我想使用怎么办?标记而不是.应该是Hoveronme?它工作得很好,但我看到了rel属性用于标签。那么,正确的解决方案是什么? 最佳答案 您可以通过以下方式编写:方法一Tooltipontop然后用下面的代码初始化它:$('a').tooltip();另一种方法是使用类或id并像这样一个一个地初始化它们:方法二Hove

asp.net-mvc - 如何在我的 MVC View 中使用 Bootstrap 按钮插件

我很难获得Bootstrap的buttonaddons在我的MVCView中工作。我正在使用最新的NuGet版本的ASP.NETMVC(5.1rc1)和Bootstrap(3.03)。我的观点如下(现在我已经将它缩减为仅手工编码的HTML,而不是使用Html.EditorFor(),试图让它工作):@using(Html.BeginForm()){@Html.AntiForgeryToken()@Html.ValidationSummary(true)Go! 这会生成以下HTML:Go! 问题是,当它在浏览器(Chrome32/IE11)中显示时,输入框和按钮之间有

html - 如何在 Bootstrap 中创建水平滚动导航?

可以在thisfiddle中证明,在Bootstrap.nav中添加太多元素会导致它只是垂直向下添加元素。我将如何限制它的高度并使其水平滚动? 最佳答案 首先,您需要告诉ul不要换行和溢出到滚动条中。然后li元素不需要float并显示为内联。这将做到:ul.nav{white-space:nowrap;overflow-x:auto;}ul.navli{display:inline-block;float:none;}fiddle:http://jsfiddle.net/bmfcd3zt/8/

html - Bootstrap 4 : center inline form inside a jumbotron

我在超大屏幕内有一个内联表单。我想把它居中。我尝试在超大屏幕上使用text-align:center,它确实将超大屏幕内的所有其他元素居中,除了内联表单元素。所以我不知道这里出了什么问题。这是HTML代码:MyAwesomeApp!Thisiswhyyoushoulddownloadthisfantasticapp!Wanttoknowmore?Joinourmailinglist!Email@SignUp这是CSS:body{position:relative;}#home{background-image:url('../img/jumbotron-bkg-2.jpg');marg

javascript - 如何在 BootStrap 中将焦点设置在输入的第一个字段?

这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:HowtosetthefocustothefirstinputelementinanHTMLformindependentfromtheid?我将BootStrap与ASP.NETMVC4结合使用。有一个登录表单,但我无法将焦点设置在第一个输入字段上。如何将焦点设置在输入的第一个字段上?是否有任何用于设置焦点的BootStrap类?

html - 如何创建类似于 bootstrap 但更深的 CSS "well"效果?

我想在我的页面上创建一个井状区域,使该区域看起来稍微低于页面几个像素。我的页面目前有一个白色背景和一个#F5F5F5井区。我查看了twitterbootstrap的井:http://getbootstrap.com/components/#wells至少对我来说,这看起来一点都不好。可能是因为知道后面版本的重点是打造平面效果吧。有没有人有任何例子说明我可以如何添加工作良好的效果? 最佳答案 您可以简单地检查bootstrapwellexample并复制“.well”规则集演示:.well{min-height:20px;paddin

html - 在 Bootstrap 4 中垂直堆叠的列之间添加间距

不幸的是,似乎没有一种好的方法来管理在某些断点处从水平堆栈过渡到垂直堆栈的列之间的垂直间距。似乎确实有一个solutionwhenaformisinvolved,但这不是这里的情况。我有triedthissolution,但当有多列换行时,它不起作用。为了说明我的场景,这里是我的HTML的结构:col1col2col3col4col5col6https://jsfiddle.net/b74a3kbs/6/在中等设备大小(md)及以上,我希望两“行”列之间有间距,但在3列的“第一行”上方没有间距,在“第二行”下方没有间距行”的3列。当列在中等设备尺寸(md)以下垂直堆叠时,我希望每列之间

css - Bootstrap : center any span

我在使用类来居中我的span时遇到问题:.center{float:none;margin-left:auto;margin-right:auto;}这不起作用,显然它被bootstraprow-*CSS覆盖了。但是,如果我直接在div中包含相同的样式(style="..."),它会起作用。我认为它不起作用,因为它不知道宽度,所以我尝试使用偏移量,但是当按钮不居中时以及.CSS时。我无法指定宽度,因为我的button宽度是由外部JavaScript设置的。在那种情况下,我怎样才能使.center类工作? 最佳答案 从Bootstra

html - bootstrap 4 中的自定义输入文件不显示按钮

当我在bootstrap4中使用自定义输入文件时,不更改我的输入并且不显示browse按钮。file-browser.custom-fileposition:relative;display:inline-block;max-width:100%;height:2.5rem;cursor:pointer;.custom-file-inputmin-width:14rem;max-width:100%;margin:0;filter:alpha(opacity=0);opacity:0;.custom-file-controlposition:absolute;top:0;left:0;

jquery - 在 Bootstrap Select 中获取 optgroup 标签

我有BootStrap选择框,我正在尝试找到所选选项的optgroup。下面是带有这些选项的Bootstrap选择框的表示:OptionSet1Option1Option2编辑:我最近的尝试基于@SorenBeckJensen的回答:$('i.check-mark').closest('li.selected').find('dt>span').text();这为我在第一个下拉列表中选择的所有选项提供了“选项集1”。 最佳答案 目前你的例子是错误的,但试试这个:$('li.selected').find('dt').find('sp