草庐IT

$bootstrap

全部标签

html - Bootstrap 3.3.6 网格边界不提供刚性结构

我正在尝试熟悉Bootstrap和网格。我正在尝试创建以下宏布局:===================================================|PageTitle|________________________||________________________|+1|________|img|img||Makeachoice.|_____|________|____|____||||===================================================主要元素是一个超大屏幕,其中有一排。然后我将行分成两行class="col

javascript - 从 bootstrap 下拉列表中获取选定的文本

我有一个bootstrap下拉菜单,我想保留所选内容的文本。我已经尝试了这里尝试的大部分方法,GetValueFromhtmldropdownmenuinjquery,但从来没有真正给出答案,所以我仍然卡住了。TableAtt1Att2Att3我有一个如下所示的js函数$("#tableMenu").click(function(){varselText=$("#tableMenu").text();document.getElementById("tableButton").innerHTML=selText;});但正如上面链接中所解释的那样,$("#tableMenu").tex

javascript - 如何将 bootstrap glow(在 'form-control' CSS 类中使用)放在 div 上?

我有一个包含多个div的网页,它就像用户的通知框一样工作。我想要的是,当用户将其鼠标箭头放在通知框内(将鼠标悬停在div上)以显示此div上的发光时,就像上面的输入文本在您单击时提供的那样在上面。当用户退出此div区域时,发光必须消失。我该怎么做?编辑:我的问题似乎与另一篇文章的问题相同,但事实并非如此!我想在div上添加与文本输入相同的效果(相同的颜色,相同的阴影效果)。.pbox{border:1pxsolid;width:150px;height:100px;display:table-cell;text-align:center;vertical-align:middle;}

jquery - Bootstrap v4 导航栏错误?

问题来了。我从引导端(https://v4-alpha.getbootstrap.com/components/navbar/)获取了默认导航栏示例。结果显示全尺寸导航栏,当屏幕变小时,导航栏可能会折叠。但是当我将代码插入到我的元素中时,它会显示:https://ibb.co/fjBNhQ如您所见,它始终处于折叠状态。我尝试了很多其他示例,但没有任何效果。这是代码:TestareaNavbarHome(current)FeaturesPricingDisabled 最佳答案 您发布的代码仅适用于Bootstrapalpha6,不适用

html - Bootstrap 容器与 css 页脚菜单冲突

我正在尝试制作一个具有页脚菜单的网站。我在我的内容中使用container因为我不知道如何让它居中。当我尝试在不使用container的情况下应用页脚菜单时。页脚的background-color在最后一个没有容器的div的地方向上扩展。而且文本不会居中。Sample当我使用.mainbar:float:left;和.sidebar:float:right;时变成这样HTMLSampletext.HOME会社情報製品情報採用情報お知らせサポートお問い合わせCOPYRIGHT©SAMPLETemplate.ALLRIGHTSRESERVED.CSS#content.mainbar{flo

html - twitter bootstrap - 如何跳过一行?

正确的跳行方式是什么?这样我上排的图像就不会粘在下排的菜单上了吗?(即行与行之间应该有一个空格)目前我做的是:这似乎是可以接受的,因为我没有以任何方式破坏css模板,但我想知道人们是如何按照通常的方式来做的。(我使用的是12列模板) 最佳答案 将页面的样式或装饰与页面的内容分开通常是一种很好的做法。装饰应由CSS处理,内容应由HTML处理。换行符被视为内容,因此不建议将换行符用作页面样式。我猜你想要的是这样的。.row{padding-top:20px;}这将在rowdiv的顶部提供20px的填充。

python - 将值传递给 Django 中的 Bootstrap 模态

每次用户想要删除数据时,我都有一个很好的模式显示删除确认对话框。问题是我的许多View在模板中呈现了一个元素列表,每个元素都有其详细信息以及一个很小的删除红色按钮。当然,在django中,View将元素列表传递给模板,例如客户端列表,它们呈现在如下表中:Email{%forclientinclientes%}{{client.email}}{%endfor%}每次用户按下删除按钮出现并确认他正在删除一些数据时,我都希望有一个Bootstrap模式。现在,我已经设法使模态出现并删除用户,但不是正确的用户,模态以某种方式仅获取或尝试删除列表中的第一个用户。您可以在以下链接中使用模态检查我的

html - Twitter Bootstrap - 嵌套行与多行

我开始为我正在开发的这个应用程序使用Twitterbootstrap。我阅读了有关在固定网格系统和流动网格系统中嵌套行的文档。现在,我想做这样的事情所以我当然可以做这样的事情redyellowgreen我想我会得到我想要的。但我想知道这样做的后果是什么redyellowgreen我现在在我的浏览器中没有看到任何区别,但我想知道如果我在单个container标记中包含多个行元素会发生什么。行嵌套是创建我展示的东西的唯一正确方法吗?可以这么说,我的设计的这两种实现之间有什么区别? 最佳答案 第二个版本更正确。但两者都有效。不同之处在于它

html - 为什么我的 bootstrap 标签和徽章在我的三星 s3 上消失了

我的bootstrap标签和徽章在页面第一次加载时从网页上消失,使用我的三星galaxys3它们只会在我刷新浏览器窗口后重新出现。为什么会发生这种情况,我怎样才能简单地强制它们在页面第一次加载时出现。我的labels和badges不是空的,所以displaynone功能与它无关。页面第一次加载时不显示的代码示例是:info还尝试删除下面的内容,但没有成功.label:empty,.badge:empty{display:none;}正常的boostrap.css附加到我的页面,它是唯一包含标签选择器的样式表。有没有人遇到过这种奇怪的事情?谢谢 最佳答案

html - 输入类型文件在 Bootstrap 模式中不起作用

这非常奇怪。我有一个基本的Bootstrap模态,没有任何花哨的东西,并且inputtype=file在其中不起作用。当你点击它时,没有任何反应。如果文件输入移出模式并移到页面上,则没有问题。模态代码供引用:xAddDrawingImageDisplayNameCancelUpload真是奇怪的问题。有什么想法吗?编辑:它是Bootstrap2.3.1,为了好玩,我尝试在输入上设置z-index,但没有任何区别。 最佳答案 从容器div中删除data-toggle="modal"。该属性应该只出现在用于启动模态的button或a标签