草庐IT

jekyll-bootstrap

全部标签

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下,还是第二个这里还有我的设置,以备不

html - 在折叠的导航 Bootstrap 中添加分隔符

我正在尝试在移动设备上查看时在折叠的导航栏中添加分隔符。理想情况下,导航看起来与未折叠时完全相同,但折叠时将在“关于”和“登录”之间有一个分隔符。这是导航的代码:TogglenavigationCompanyHomeAboutLogInSignUpJSFiddle我试过添加我想要分隔符的地方,但它没有显示:TogglenavigationCompanyHomeAboutLogInSignUpJSFiddle如何为折叠的导航栏添加分隔符?希望这个分隔符看起来与导航中的下拉菜单非常相似: 最佳答案 在Bootstrapv4.0.0-al

jquery - 带有 Bootstrap 的全屏响应式背景图像

我是TwitterBootstrap的新手。我想知道的是我必须使用HTML模型来生成带有Bootstrap的全屏响应式背景图像吗?当然我要起诉模型在包装器之前我有一个导航菜单。我想将全屏图像添加到div类包装器。我希望wrapperdiv缩放100%。任何提示将不胜感激。 最佳答案 两种选择如果您使用标签,请使用img-responsive类。如果您正在使用css,请使用它。.wrapper{background:url('/assets/64531/green_suburb.jpg')no-repeatcentercenterfi

javascript - 模式中的 Bootstrap 日期选择器不起作用

我已经尝试通过google和SO搜索类似的问题,但到目前为止还没有找到任何内容。我有一个问题,我从jquery创建和打开一个模式并尝试访问一个日期选择器,但是它没有激活datepickersJS。$("[id=add]").click(function(){$("#myModal.modal-headerh4").html("RequestforChange");$("#myModal.modal-body").html('DateRequired');$("#myModal").modal("show");});(很抱歉行太长,但是我已经尽可能多地删除了-现在只显示与问题相关的代码。

html - 如何更改 Bootstrap 字形图标的颜色?

我想将Bootstrap字形颜色更改为“黄色”,因为当前颜色显示为白色,看起来像删除按钮。我如何更改glyphicon-folder-close的颜色或使用任何其他能更好地显示文件夹图像的glyphicon?main.html 最佳答案 您还可以通过为绿色添加“text-success”类、为红色添加“text-danger”类等来更改图标/文本。这将更改图标本身的颜色。这里也有回答。Changethecolorofglyphiconstoblueinsome-butnotatallplacesusingBootstrap2

html - Bootstrap 表上的滚动条

我有table在panel中呈现在modal里面.由于表格相对较大,我想将它的行数限制为5,这样模式就不会变得可滚动。我浏览了SO和谷歌,到处都看到我需要设置overflow-y:auto或overflow-y:scroll让它工作,但就我而言,它没有。我还设置了400px的随机高度和position:absolute。这使表格可以滚动,但现在面板以关闭并且表格的主体呈现在面板之外。有什么办法解决这个问题?我的代码片段是:[........][.......][...的其余部分|s...]编辑感谢您的回复。有没有办法将滚动条缩小到独自一人保持静止? 最佳答案

html - Bootstrap 4——使用切换按钮将链接移动到导航栏的右侧

这个问题在这里已经有了答案:Bootstrapalignnavbaritemstotheright(23个回答)关闭3年前。我试图将链接从导航栏的左侧移动到右侧,但它不允许。我试过将它向右浮动但什么也没发生,与position:relative;相同;右:200px;和padding-right:-200px;.如果有人有任何其他建议,我们将不胜感激。Home(current)ServicesPortfolioAbout

jquery - 按下回车键时 Bootstrap 3 模式关闭,但未提交表单

我有以下TwitterBootstrap3模态,模态内有一个表单:Launchdemomodal×AddnewpageLabelPagelabelClose我想通过jQuery捕获submit事件:$("form").on("submit",function(){alert("foo");returnfalse;});表单不是通过按Enter键提交的(当文本输入获得焦点时),而是在Add按钮(即submit一)被点击。我找不到为什么不通过Enter提交表单。模式只是关闭,但submit事件没有发出/触发。JSFDDLE-在哪里可以重现问题在Chromium版本34.0.1847.116

html - Bootstrap 3 垂直导航栏

我想用bootstrap3创建导航栏[vertical]。我试过了,但没用。jedandvatricetriripet我尝试了很多例子,但都是旧的Bootstrap。如何使用新的Bootstrap创建该导航? 最佳答案 nav-pills类需要两个l:jedandvatricetriripethttp://getbootstrap.com/components/#nav-pills 关于html-Bootstrap3垂直导航栏,我们在StackOverflow上找到一个类似的问题: