草庐IT

$bootstrap

全部标签

html - Bootstrap 多级导航栏 - 如何防止内容折叠

首先,我想这是一个很好的例子,说明如何使用Bootstrap实现多级导航栏(这是我苦苦挣扎了很长时间的事情)其次,我有一个关于防止内容在导航栏上折叠的问题。我的导航栏有三行,两个navbar-default和一个navbar-inverse,以及折叠时控制每个部分的三个按钮:代码:TogglenavigationTogglenavigationTogglenavigationNewCoEnglishEnglishFrenchSpanishItalianGermanLoginRegisterPrivacyPolicyAboutUsProductsServicesCorporateCont

html - Angular.js 使用 Bootstrap 并动态创建行

我想知道如何动态创建bootstrap类row-fluid的行div与angular.js使用ng-repeat指令。这是Angular:{{task.name}}虽然这不有效。bootstrap我希望生成的html是:http://jsfiddle.net/YKkXA/2/基本上我需要对ng-repeat中的索引做mod2,如果它是0,关闭并创建一个新的.这怎么可能? 最佳答案 我们的想法是过滤您的项目以便对它们进行分组,并制作第二个ngRepeat以迭代子项目。首先,将该过滤器添加到您的模块中:module.filter('gr

html - 使用 CSS 删除 Bootstrap 中 navbar-toggler 汉堡包图标的边框颜色

我在这个问题上纠结了很久。搜索并尝试了多种方法以在单击时删除BS4汉堡包图标的边框颜色(在我的本地,它显示为黄色。在此代码段中,它是蓝色)谁能帮忙解决这个问题?感谢您的帮助!这是我的代码:AboutProjectsContact 最佳答案 这在Bootstrap4中对我有用。.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler-icon:focus{outline:none;box-shadow:none;}请注意大纲的存在有一个重要的原因,即可访问性!特别是对于不

html - 真的很奇怪 "redraw behavior"带有 anchor 链接、twitter bootstrap 固定导航栏和附加插件

同时使用TwitterBootstrap的词缀插件、固定导航栏和anchor链接时,我遇到了一个非常奇怪的行为。我将尝试解释我的问题,但它有点难以用语言表达,所以如果我不是最清楚的,请原谅我。我的页面顶部有一个navbar-fixed-top。在它下面我有一个.containerdiv。里面有两个div.spans(span4和span8)。span4内部是一个div.well,它应用了affix-top类(因此它有一个固定的位置并“固定”在其中它在)。在我的span8中,我有一堆内容。在welldiv中有一个nav-list。此列表根据span8中的元素填充li/a元素(我有一个执行

javascript - 如何在 Bootstrap 下拉列表中获取选定元素,其中下拉列表是动态填充的

这类似于HowtoDisplaySelectedIteminBootstrapButtonDropdownTitle唯一不同的是,我的下拉列表不是静态的,而是通过ajax响应填充的。下面的代码不适用于动态填充的项目。为了测试上面的内容,我特意放了一个静态的当我单击该项目时,我可以在控制台中看到成功消息。但是,当我点击这是动态附加的,我在控制台中没有得到任何东西。我相信,这里缺少一些jQuery基础知识。jQuery大师,评论/想法?这里有一些代码可以进一步说明。Java脚本代码:在控制台打印选择的选项$(".dropdown-menulia").click(function(){con

css - Bootstrap 3按钮组和输入组在一行中

如果您查看以下示例,您可以看到输入组位于按钮组下方:http://bootply.com/81723我已经尝试将这两个组放入floatdiv中,但浏览器仍然打破了这一行。我注意到“.btn-group,.btn-group-vertical”包含一个“display:inline-block”。注释完这一行后,该行没有中断,但我在两个div之间没有空格(尽管我想通过“padding-right:16px”获得一个) 最佳答案 找到了一个使用table-display容器的工作解决方案:CSS(更少):.Toolbar{positio

html - Bootstrap 封面模板 : where to place image?

这是一个完整的新手问题,但是:使用Bootstrap的covertemplate,我应该如何/在哪里插入背景图像以覆盖页面?我错过了什么?我尝试在模板中插入以下元素图像已显示,但未调整大小以填充视口(viewport)的尺寸。(或者我误解了这个模板的用途?) 最佳答案 根据应用背景图像的位置,背景看起来像是应用到body标签上。在这种情况下应用此CSS:body{background:url(images/bg.jpg)no-repeatcentercenterfixed;-webkit-background-size:cover;

html - dl(详细列表)在 bootstrap 4 中不起作用

dlListView在bootstrap4中的工作方式与在bootstrap3中的相同HTML:col1col2 最佳答案 我遇到了完全相同的问题,并按照@Paulie_D的建议使用.row类解决了它这是我做的col1col2更新您还可以添加文本左右对齐col1col2 关于html-dl(详细列表)在bootstrap4中不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/

html - 样式 Bootstrap 4 自定义复选框

如何在Bootstrap4中设置自定义复选框的样式?我已经尝试了所有方法,但我什至无法更改其背景颜色。这是我的代码大纲:Checkthiscustomcheckbox我的目标是什么?有人可以告诉我如何更改它的背景吗?谢谢。 最佳答案 它对我有用.custom-checkbox.custom-control-input:checked~.custom-control-label::before{background-color:#caca4c;}.custom-control-input:checked~.custom-control

python - 使用 Bootstrap 和 Django

我正在尝试让Bootstrap在我的django项目中工作并遵循教程here但它没有用。当我在浏览器中访问我的本地项目时,它只显示一个带有4个蓝色链接的空白页面。不完全符合我的预期。在pycharm(我的ide)中,它告诉我我的模板中有一个Unresolved对STATIC_URL的引用。我认为问题是仅仅将Bootstrap放在我的项目中并在我的设置中定义它是不够的。有什么想法吗?抱歉,我的项目基本上是这样设置的。主项目/app_1、app_2、媒体/、模板/、Main_Project/所以我应该把boostrap放在第一个Main_Project下,还是第二个这里还有我的设置,以备不