草庐IT

jekyll-bootstrap

全部标签

forms - 使用 Twitter Bootstrap 居中表单

我正在使用Twitter的Bootstrap构建一个表单(由django提供)。我想让表单居中显示在页面上,但我遇到了一些问题。这是我的HTML:MyFormbody{padding-top:60px;/*60pxtomakethecontainergoallthewaytothebottomofthetopbar*/}PleaseloginUsernamePassword我已经排除了一些额外的Django逻辑({%csrf_token%}、一些if语句等),但这应该会重现问题。实际的输入元素(用户名和密码文本框)像我预期的那样居中,但标签仍然在页面的最左边。我是否在某处遗漏了标记,或

html - 如何使 Bootstrap 轮播图像响应?

我想保持相同比例的图像。问题是当浏览器很宽时它会拉伸(stretch)。并在减少时挤压。我在这里检查了所有SO问题,但其中大部分对我没有帮助。这是标记这是CSS.carousel.item>img{position:absolute;top:0;left:0;min-width:100%;height:100%;}我试图制作一个jsfiddle,但我不能这里是页面的链接http://maanastore.com/home.php 最佳答案 从相应文件中删除以下CSS规则:在home.php文件中.carousel.item>img{

javascript - 在 Bootstrap 中禁用复选框标签并将其灰显

是否有一种方法可以在使用Bootstrap和Jquery禁用复选框后禁用复选框标签并将其灰显?Incremental我现在使用波纹管代码来禁用复选框:$("#accept").prop("disabled",true); 最佳答案 你只能用CSS来做$("#accept").prop("disabled",true);input[type=checkbox][disabled]+label{color:#ccc;}Incremental阅读http://css-tricks.com/almanac/selectors/c/check

html - 如何在 bootstrap 3 模态中居中 spin.js 微调器?

我正在尝试在Bootstrap3模式中显示和居中spin.js微调器。使用下面的代码,我让它在IE和FF中工作,但在Chrome、SafariDesktop、ChromeIOS、SafariIOS中不行。问题似乎与动画淡入淡出(灰色背景覆盖)有关,因为当我将模态类设置为“模态显示”时它起作用但当然没有动画淡入淡出。看这个jsfiddle.当我使用"$('#Searching_Modal").modal('show');"时,它在上述某些浏览器中不起作用。运行此jsfiddle在chrome和firefox上,你会明白我的意思。有谁知道如何解决这个问题或正确地做到这一点?我确实希望Boo

html - 如何删除在 Bootstrap UI Accordion 中单击时出现的轮廓

我正在尝试使用angular-uibootstrapaccordion将bootstrap表保存在标题内。当用户单击Accordion标题并将其打开时,会出现一个奇怪的轮廓。它看起来像这样(“Sometitle”周围的浅蓝色矩形):我知道这是因为我使用了,但我怎样才能消除这种行为呢?代码是:SometitleTextAnothertitle 最佳答案 大纲添加到panel-headingpanel-titletag,它有一个.accordion-toggle类(class)。所以,要避免*包罗万象的选择器你可以这样做:.accord

html - 在 CSS : rails 4 + bootstrap 3 中使用 glyphicon 作为背景图片

我正在使用Bootstrap的collapse.js展开和折叠Rails应用程序中的一些输入组。我正在使用JS来确定组是否展开,并创建了CSS类来添加“+”或“-”以显示它是打开还是关闭:打开:关闭:正如您从CSS中看到的那样,我在图像中使用了png背景图像:.expandable{background:url('/assets/plus.png');padding-top:4px;width:400px;height:30px;background-repeat:no-repeat;padding-left:55px;display:block;}.expanded{backgrou

html - Twitter Bootstrap 3 内联和水平形式

我正在尝试将我的Bootstrap2表单迁移到Bootstrap3。我当前的代码和fiddle:http://jsfiddle.net/mavent/Z4TRx/.navbar-sam-main.navbar-toggle{z-index:1;}PleasefilltheformMyLabel2MyLabel3MyLabel4Send我想要内联行为,我的标签2将在文本输入旁边,我的标签3将在文本输入旁边。我还需要水平行为,我的标签4将位于文本区域的顶部。我的标签2和标签3的文本框将为4列宽,我的标签4的宽度将为表单的全宽。我如何在Bootstrap3中执行此操作?

html - 如何垂直居中 Bootstrap carousel-caption?

我有一个bootstrap轮播,我正在尝试为轮播创建一个始终垂直居中并稍微偏左的标题。我有用于水平定位的css。但是当我尝试垂直定位时,标题不会保持不变。我怎样才能使.carousel-caption始终垂直居中并略微偏左?HTML:CheckOutthisMooseThistextissuperengagingandmakesyouwanttoclickthebutton.LearnMore#SlideTitleThistextissuperengagingandmakesyouwanttoclickthebutton.LearnMore#SlideTitleThistextissu

jquery - Bootstrap 模式问题 - 滚动被禁用

我有一个模态,在该模态中,有一个显示大量隐藏内容的下拉菜单,它可以正常工作。现在,当您打开下一个模态,堆叠在第一个模态之上并将其关闭时,下方模态上的滚动将被禁用。我创建了一个完整示例,包括复制我面临的问题的步骤。可以看看here.×CloseFirstModal1)OpenThisFirst:2)Changethisonceyouhaveopenedthemodalabove.ShowSmallContentShowLargeContentLargeTextareaContent..Tryandscrolltothebottom..ExampleTextBoxClose&t

html - 带有下拉菜单的 Twitter Bootstrap 内联输入

我正在尝试显示带有下拉按钮的文本输入。我不知道该怎么做。这是我尝试过的HTML(我将所有内容放在一行中但没有结果):10101001000这可能吗?谢谢 最佳答案 当前状态:文档中的默认实现目前在文档中有一个输入+下拉组合的默认实现here(搜索“按钮下拉菜单”)。我将原始解决方案留作记录,并留给那些不能使用现在包含在文档中的解决方案的人。原解是的,这是可能的。事实上,theTwitterBootstrapdocumentation中就有一个例子。(点击链接并在“Examples”中搜索下拉按钮):UserEditDeleteBan