草庐IT

statistics-bootstrap

全部标签

css - 使用 bootstrap CSS 强制启用只读输入

我有一个应用程序使用bootstrap.css为设计。我有一个只读输入,由于Bootstrap(不允许使用光标,背景颜色为灰色等),它看起来像被禁用了。我希望输入看起来启用了只读激活。我该怎么做?编辑(添加更多代码):标题:doctypehtmlhtml(ng-app='myApp')headtitle=titlelink(rel='stylesheet'href='stylesheets/bootstrap.min-3.1.1.css')link(rel='stylesheet'href='stylesheets/style.css')我的输入:input.form-control(

html - 具有表单输入最小宽度的 Bootstrap 响应表

我正在尝试创建一个包含多个列的表单输入的响应表。据我了解,响应式表格会缩小,直到其列不能再进一步,然后它会添加一个滚动条。但是,列缩小到我无法在输入字段中看到值的程度,因此我需要一种方法来对这些列施加最小宽度,而不是由列标题文本长度确定。我已尝试将min-width:"10%"或"150px"添加到列中的所有元素,但没有奏效。这是我的设置:NameDateCostBillingTypeTaxOtherColOtherColOtherColTotalMonthlyYearly$505.79NameDateCostBillingTypeTaxOtherColOtherColOtherCol

html - 为什么我的 bootstrap 导航栏不显示内联?

这是我使用bootstrap的html(我确信bootstrap安装正确)RebarLinkLinkLink当它显示时,三个链接被显示为block元素。 最佳答案 这是因为在Bootstrap中,li的css是这样的:.nav>li{position:relative;display:block;}但对我来说菜单似乎正确显示。查看片段,但只能在整页上查看。在移动设备上,它的行为类似于block元素,因为屏幕没有足够的空间来显示它们。编辑:更新了代码片段以按要求工作(请参阅此答案下方的评论).navbar.container-flui

css - 禁用的 Bootstrap 类和禁用的属性之间的区别

嗨,friend们,我正在使用禁用类和禁用属性,如下所示,但是我不知道两者之间的基本区别以及何时我们必须使用类以及何时使用属性请消除我的疑问我在我的代码中使用按钮,我想禁用它,所以使用类禁用或属性禁用的最佳方法是什么disabled="disabled" 最佳答案 如果您查看Bootstrap定义,禁用样式总是针对禁用类或禁用属性的存在而定义的:.btn.disabled,.btn[disabled],fieldset[disabled].btn{cursor:not-allowed;...}因此对于样式,您只需要类或属性。以前的版

jquery - Bootstrap 轮播。在底部添加分页点

如何将以点为单位的分页添加到现有轮播以进行Bootstrap。它需要通过点自动移动。对此很陌生,需要一点帮助。这是我的代码:http://jsfiddle.net/mdesignone/qXgCg/谢谢:) 最佳答案 此功能当前为slatedtobeincludedinthe2.3milestone(目前为2.1)。目前有一个pullrequest它已经实现了这个功能,我建议使用它而不是自己动手,因为一旦该功能正式集成,它更有可能与最终API保持一致。插件的源代码可以在mikaelbr'sforkoftheBootstrapproj

javascript - 在 Bootstrap 3 Accordion 中添加动态闭合面板

我使用Bootstrap3Accordion,我需要在其中添加动态面板。我有这样的东西:+------------------+|Panel1(closed)|+------------------+|Panel2(opened)|问题是,如果打开面板2,则会打开动态面板(从面板2克隆)。如果面板2关闭,则动态面板也关闭。我希望所有动态面板都关闭,只有当它们的标题被单击时它们才会打开(就像在Bootstrap示例中一样)。我该如何解决?这是我的jQuery代码。var$template=$(".template");varhash=2;$(".btn-add-panel").on("c

javascript - 下拉菜单中的 Bootstrap 下拉菜单

是否可以使用Bootstrap制作多级下拉菜单?所以这将是结构:落下:-第一个选项-第二种选择-此下拉菜单中的另一个下拉菜单-第二个下拉菜单的第一个选项-第二个下拉菜单的第二个选项-第一个下拉菜单的第三个选项这可能吗? 最佳答案 检查this它可能会帮助你。有人也问过这个问题TwitterBootstrapMultilevelDropdownMenu 关于javascript-下拉菜单中的Bootstrap下拉菜单,我们在StackOverflow上找到一个类似的问题:

html - 具有动态右侧内容的 100% 高度左侧边栏 - Bootstrap + Wordpress

我正在使用Bootstrap和Wordpress制作一个网站。这是一个2列布局-左侧边栏,右侧内容。正确的内容是动态的,并通过无限滚动进行扩展。我尝试通过多种技术使左侧边栏的高度达到100%,但无济于事。我希望侧边栏根据视口(viewport)的大小/右侧内容div的高度继续向下。我做了一个简单的fiddle:http://jsfiddle.net/ydPMr/3但如果你在我的开发页面上看到我在说什么就更好了:http://joshuawalker.koding.com.这是我的页面的基本结构:如果有人对如何使侧边栏拉伸(stretch)到全高有任何想法,我将不胜感激。谢谢!

css - Bootstrap 3 - 可滚动的内容 div

我正在使用Bootstrap3,我正在尝试制作一个可滚动的内容DIV。我有一个带有左侧导航和顶部栏的网格,在中间我有应该可以滚动的内容。当我在内容div上使用固定高度时它会起作用...但我想要改为使用100%。somecontent...CSS:html,body{height:100%;overflow:hidden;}我怎样才能让它与height:100%;一起工作?谢谢! 最佳答案 您可以为要滚动的div添加pre-scrollable类。如果你搜索.css有一个ma​​x-height但你不能编辑。所以你确定它会最大化窗口中

html - Bootstrap 4 在点击下拉菜单时更改插入符号

使用Bootstrap4,我试图创建一个带有插入符号的下拉列表(例如:指向右)。单击下拉菜单时,应更改插入符号的指向方向(例如:向下)。我有一个waytodothat/*Pleaserefertheabovelinkforfullcodedetails*/CollapsibleGroupItem#1Thiscontentishidden.css.panel-heading.accordion-toggle:after{font-family:'GlyphiconsHalflings';content:"\e114";float:right;color:grey;}.panel-head