我曾经建立过一个定制的配色方案等等,然后使用页面底部的按钮下载了.zip
我看到那里面有一个config.json;如果我想在以后进一步自定义引导设置,如何将其重新插入?引导自定义程序目前缺少该功能。这是一个开放的功能请求:
也就是说,如果您在单击“编译和下载”按钮(例如)后注意到浏览器导航到的URL,稍后返回该URL将自动加载您的设置。关于让定制程序在生成的文件中包含该URL,还有另一个未决问题;看
我有一个导航条,如上所示。这是通过twitter引导实现的。然而,有很多按钮
是否可以使整个导航栏滚动(通过触摸手势)以查看更多按钮?(例如,左右旋转)您可以在css中应用此功能:
.navscroll {
overflow-x: scroll;
到导航栏,显示水平滚动条
我有一个表,它接受“table responsive”类,当屏幕缩小到约760px时,它会按预期工作,但我希望它的行为是1300px。可能吗?我试着向媒体提问,但我想我没有弄清楚。这就是我应该用的吗?IIUC
在此之前,您可以轻松地手动添加修复程序:
.table-responsive {
overflow-x: auto;
}
它成功了,非常感谢!!
我正在尝试设置bootstrap3工具提示的样式,但出于某些原因,它正在将内联top样式插入到标记中,请参见以下内容:
<div class="tooltip-arrow" style="top: 50%;"></div>
知道它为什么要插入此标记吗?我如何防止它这样做?工具提示绝对正确,这会告诉浏览器将其放置在何处。为什么要阻止它?默认值应该是,但无论如何,我发现了问题。有人将bootstrap3.3的js添加到我的文件中。以前是在3.2上。通过删除3.3副本来解
我对著名的scrollspy Bootstrap3有一个问题,我一直在努力,但什么都没用。我在body中设置了数据标记,并在导航中命名为.nav,代码如下:
<body data-spy="scroll" data-offset="150" data-target="#navegacion">
<div class="container">
<!-- row 1 NAVIGATION -->
我刚刚在我的项目中加入了Modernizer,但它将.hidden类添加到我的html标记中。这会导致引导隐藏整个html标记,这并不是很有用
有人知道为什么它会将.hidden类添加到html中吗
提前谢谢 我遇到了完全相同的问题,找到了两种解决方案
通过查看,当Modernizer检查并检测到对[hidden]属性的支持时,似乎添加了“hidden”类
只需构建Modernizer,并省略对[hidden]属性的检测
如果您确实需要来检测它,并且在html.hidden上用自己的CSS规则覆
myI在我的页面上有一个bootstrap 3旋转木马,我已经将其设置为在加载时禁用自动播放
$('#myCarousel').carousel({
interval: false
});
我添加了更多的代码,这样当文本出现在屏幕上时,它应该开始自动播放
function myCarouselPlay(){
$('#myCarousel').carousel({
interval: 5000
});
}
不幸的是,这不起作用。你知道为什么吗?你好,你能试试这个吗
我用它来做我的项目。但现在,我有一个问题,关闭我的模态外点击它。我试图传递如下选项:data background=“true”,但它不起作用。你知道怎么回事吗
编辑:
我的模态是局部的(使用Rails)
&时代;
'btn btn default'、'数据切换'=>'modal'、'数据解除'=>'modal'}%>
'btn btn default'、'数据切换'=>'modal'、'数据解除'=>'modal'}%>
接近
我通过以下方式调用模态:'modal'}%>
我有一张桌子,每行的末尾都有一个下拉菜单。下拉列表有6个列表项,其中2个列表项显示,但其余4个项目似乎隐藏。它似乎正在进入下一行的后面
<div class="dropdown pull-right">
<a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" role="dropdown" aria-haspopup="true" aria-expanded="false">
在我们当前的Angular 5项目中,我们使用了bootstrap 3.3.7和ngx bootstrap 2.0.3
我被要求实现一个下拉多选选项,如下所示。它将允许用户从下拉列表中选择多个选项
如何实现此功能?这两个框架都不支持这样的组件。这两个框架都不支持这样的组件。您可以使用创建下拉列表,然后添加您可以使用创建下拉列表,然后添加写了一句谚语“现在有几个npm软件包正在处理此问题:”有一句话写道“现在有几个npm软件包正在处理此问题:”
我已经在我的项目中安装了Bootstrap with Bower
bower install bootstrap
我想覆盖的变量少了几个
- less/modals.less (some transition effects)
- less/variables.less (colors)
我不想更改bower软件包上的任何内容,以便以后升级
我不想为了我的小修改而不得不重新定义整个Grunfile
您建议我如何使用Grunt构建我的引导程序,并使用我的变量保持稍后使用Bower升级的能力?您
我有以下HTML:
<div class="schedule landingDetail container">
<div class="form-group">
<div class="col-md-6" style="background: red;">
<input type="text" class="form-control input-sm" placeholder="First Name"&g
我在bootstrap中创建一个表,并试图找出如何删除每行顶部显示的边框
我正在重新创建Stack Overflow主页,为了练习,我正在制作一张最重要的问题表。我为每一实际行使用2个引导行。因为我使用2行显示为1,所以我需要隐藏第2行的上边框
我尝试了两种不同的CSS方法试图摆脱它,但都没有效果。下面显示了这两种格式以及html:
<style>
.2nd-line {
border-top: none;
}
.borderless td, .borderless th
我有一个简单的应用程序,它使用Bootstrap、vue.js和chart.js。HTML模板非常简单。在搜索我的错误时,我注意到,当试图在选项卡或模式中呈现图表时,经常会出现此问题,但我的图表没有在模式或模式选项卡中
只要我调整浏览器窗口的大小,图表就会正确呈现并缩放以适应div和所有内容
无论出于何种原因,当页面首次加载时,canvas HTML标记呈现如下:
<canvas id="graph" width="0" height="0" style="margin: auto; wi
我有一个运行Bootstrap3.3.7的站点。我用较少的时间来调整样式。在Bootstrap的第4版中引入了sass而不是less,我注意到一个新的mixin,它增加了轻松使用预定义填充和边距的能力:
// Width
.w-100 { width: 100% !important; }
// Margin and Padding
.m-x-auto {
margin-right: auto !important;
margin-left: auto !important;
}
我正在尝试让以下Bootstrap 3插件正常工作:
其中一个要求是矩.js:
我的HTML是:
<div class="container">
<div class='col-md-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker6'>
<input t
我对我正在开发的主题导航栏有问题。全屏显示时一切正常,但减小屏幕大小,使菜单折叠,当您单击/触摸切换按钮时,无论设置了什么z索引或使用了什么定位,下拉菜单都不会在滑块上中断。在scroll上,我将导航更改为fixed(固定在顶部),一旦滑块通过,它就会显示良好。下拉菜单在全屏滑动条上也可以正常工作。我已经尝试在这里粘贴代码15分钟了,我一定是做错了,所以我链接到了这里的代码粘贴箱。提前谢谢我想我明白你的问题了。这不是z索引,而是导航栏折叠样式
你有:
.navbar折叠{最大高度:50px;}
我希望下面的HTML显示这样的UI
标签[输入]
标签[输入]
但它在所有分辨率下显示输入上方的标签。谁能告诉我为什么
<form class="form-horizontal">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="f
我有一个图标,当你悬停时,它会在引导程序中弹出一些额外的信息
这与预期的一样,但是,如果我单击页面上的任何字段,然后对包含图标的div进行部分刷新,则会丢失悬停功能
图标代码:
<!--INFO BUTTON START-->
<xp:text escape="false" id="computedField4">
<xp:this.value><![CDATA[#{
在Pharo 7.0上使用Seaside和Bootstrap for Seaside开发web应用程序时,生成的网页对鼠标单击没有响应
我正在使用和,其中Seaside和Seaside的引导程序加载了目录浏览器。生成的网页对鼠标单击没有响应,例如,下拉列表没有打开,如Seaside Bootstrap公共演示页面所示(如上所示)。始终,我的实例(localhost:8080/bootstrap)上的演示页面的行为也是相同的
我尝试的每个浏览器(Chrome、Firefox、Edge)都显示出相同
我已经实现了bootstrap3崩溃。当单击任何一个标题链接时,客户端希望所有目标块都展开。我已尝试实现的修改版本,但无法使其正常工作
单击任何一个目标块时,如何使所有目标块展开/折叠
这是标记:
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h6
我正在使用twitter引导。我有一个菜单,我想在用户单击菜单时添加一个动态选项卡。“新建”选项卡将加载另一页,但我不想使用iframe加载该页
你们有什么解决办法吗
引导的主题模板
.制表符标题{
边框样式:无;
}
.选项卡面板{
边际:0px;
填充:0px;
边框宽度:0px 1px 1px;
边框样式:无;
溢出:隐藏;
}
.easyui标签{
宽度:自动;
高度:自动;
}
.tabs容器{
宽度:自动;
高度:自动;
}
.面板主体.面板主体编号标题.面板主体编号框架{
身高
我使用的是Bootstrap3.1.x,我希望有一个可切换的状态单选按钮组,可以根据所选的活动项更改其单选标签的颜色
我有两个单选按钮:发布和草稿
我需要在选择发布时交换.btn success类,在未选择发布时交换.btn默认类
我还需要在选择Draft时交换.btn danger类,在未选择Draft时交换.btn默认类
标记默认为草稿状态:
它可以工作,但只有在交换选项时才起作用。如果你在一个选项上点击两次,它将完全不正常
下面是问题的关键:
我正在寻找一个解决办法,我也愿意接受一个不引人
我试图在屏幕顶部设置一个导航菜单,有两行:
前者将包含品牌,当分辨率足够小时,它还将包含特殊的引导按钮菜单,显示折叠的菜单项
第二个将包含类别,并且仅当分辨率足够大时才可见
这就是我想要实现的目标:
当分辨率足够大时
分辨率较小时,第二个菜单行将折叠
我使用此代码未成功(第二行从未出现):
一些文本
有什么想法吗?我已经更新了你的html代码..在更改了一点引导样式之后,你可能会得到你想要的
<div class="navbar navbar-inverse navb
我在我的网站上使用bootstrap使其具有响应性,我将进行自定义设计,而不是使用bootstrap的默认css。我已经创建了一个bootstrap3导航栏,但是缩小视口后出现的按钮不起作用,因为单击它时什么也没有发生。
我已经在stackoverflow上搜索了这个,甚至尝试合并上面提到的更改。但它不起作用。
Javascript在我的浏览器中启用,我也在html中引用了bootstrap.js
我的代码如下:
<div class="navbar navbar-default navb
我有一个关于引导和垂直划分的一般性问题。我已经读了很多文章,但我似乎找不到解决这个问题的办法
我有一个容器流体,水平方向除以12,但垂直方向除以12。这是因为我想保持纵横比不变
基本上有没有一种方法我可以说像。。。
我想控制文本容器和图像的纵横比。
我会这样做的
您必须将“height”属性从根元素设置为更深的元素,才能使此效果生效
CSS
HTML
样品
在上面的示例中,使用100%的高度,但您可以使用少量javascript将其更改为与宽度相同的高度。我不知道使用css的纯表单
完整示例:
我正在用Bootstrap和OL3来应对快速响应的布局
使用来自的简单示例
当我在Firefox(分辨率为1366x76的38.05)上以“单机版”(无openlayers.org-layout等)打开此示例时,总会有一个太大的地图(垂直滚动条)-它在特定窗口宽度(1200px)下超过了窗口高度
请参见屏幕截图:
imgur.com/OJV5zxQ
当我使用“container”而不是“container fluid”类时,它可以正常工作。但是我想要一个反应灵敏的布局,在那里地图使用了最大的可用
我正在尝试让navbar在移动设备中工作。它可以在web浏览器中工作,但不能在移动设备中工作。它打开和关闭,但当我单击某些元素时,它不工作
我已将我的演示页面插入此处,因此您可以检查是否发现了以下内容:
我在我的网站上放了一个折叠的导航栏。
问题是,在移动设备上,导航栏并没有崩溃
有什么问题
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="co
通过使用Bootstrap,我试图在右边创建一行3个图像和文本。如果使用移动(小型)设备浏览,我只希望每行有一个图像,右侧有文本。图像可以有不同的大小,但我希望它们以相同的大小显示(现在是内联样式)。
当前,它在大型设备上看起来还可以,但在收缩视口时,包装将关闭。不是所有的列都在某一点上彼此下压,而是错误地包装。如果我删除图像上的“向左拉”,它们会正确地环绕,但文本会在图像下方。我怎样才能在这里做我想做的事
我当前的html:
<div class="row">
<
我想根据屏幕大小在页面上显示一个或另一个div。因此,我:
<div class="index_1 hidden-xs">
something
</div>
某物
另一个我应该做
<div class="index_2 hidden-sm hidden-md hidden-lg">
something
</div>
某物
有没有其他方法使最后一个更具可读性
比如:
<div class="index_2 above-xs"
大家好,我有我的设计在我的html如下
@model PPM.Models.ProjectModel
<div class="panel-heading panel-head">Create New Project</div>
<br />
<div class="container">
<div class="form-horizontal">
@using (Ajax.BeginForm("Invite",
我有一个模态表单,当我点击按钮时,我得到了包含学生数据的表单
所以问题是当模态被打开时,侧栏被破坏了
以下是我的问题的截图:
模态:
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" aria-hidden="true">
<div class="modal-dialog">
<
我使用此引导3代码将收音机更改为按钮:
选择1
选择2
我添加了此代码以手动添加。活动类:
// Change the color of selected radio button
$('label.btn').click(function() {
$(this).parent('.btn-group').children('label.btn').addClass('active');
$(this).removeClass('active');
});
更新:
不需
我正在使用select2和bootstrap3创建一个表单。单击select2选择项目时出现问题,水平滚动条向右展开。
我如何解决这个问题
阿尔马森将军
名义
蒂波
1DFGDFGDFGDFGDGFDG
2.
康蒂达
添加一个class=container fluid的div,并将代码放在其中
引导示例
阿尔马森将军
名义
蒂波
1DFGDFGDFGDFGDGFDG
2.
康蒂达
很高兴知道它成功了。请投票表决我的答案。谢谢:
我在官方网站上找不到将每行的列值相加的规则。它清楚地说明了列的数量是12,第一组示例总共是12。好
但是,随后的示例:移动和桌面示例打破了这一惯例:.col-xs-12和.col-xs-6加起来是18,页面没有提供任何解释
有人能用简单的英语回答一组关于如何在非嵌套情况下选择每列值的总和的规则吗
另一个例子提到了这一点,因为您可以混合和匹配列类。。。不必加起来等于12,但没有解释一个人如何去思考他们应该加起来是什么以及为什么要加起来的大局规则
我正在尝试使用Mathjax在动态创建的bootstrap popover中呈现数学。我已经在创建了一个JSFIDLE
如果单击“click to run Mathjax”,静态div将正确呈现,但是如果单击“click to create popover”,则会创建并打开popover,并将数学写成latex。我假设再次单击Mathjax按钮会重新呈现页面上的所有数学,因为代码:
Queue([“Typeset”,MathJax.Hub]);
应该这样做。(有关此信息,请参阅。)
我见过其
我试图找到一个答案,但我得到的只是关于如何控制自己实现Twitter引导时的速度的答案
我想不出怎么用打字机打3。我认为应该通过打字脚本来完成,但是如何实现呢?在Bootstrap3的旋转木马中,您可以设置选项interval或data interval,请参阅
你已经知道了。我是这样做的:
首先,您必须了解扩展是否可以设置该参数。假设手册中没有提到这一点,您希望首先在Templates>Constant Editor下检查常量编辑器。还没有运气
因此,您必须查看typo3conf/ext/bo
我试图弄清楚如何在表单的右侧显示图像/地图或任何东西,在本例中是地图
这张图片显示了我想要它的样子。然而,它将是一个动态生成的谷歌地图
下面是我通过bootply为表单本身编写的当前代码
谢谢 您需要在容器中添加另一个包装行和列
<div class="row">
<div class="col-md-8">
<!-- Your Form Here-->
</div>
<div class="col
我尝试将flask wtf与下面的引导选择结合起来,但修改了TemplateSyntaxError:函数调用表达式的无效语法
为什么data live search“=“true”会导致TemplateSyntaxError?请查看以下代码段:
在您的情况下,请更换:
{{ form.make(id="make_select", class="selectpicker form-control", data-live-search="true") }}
借
5年后可能重复,此解决方案仍然有效
我想在我的Twitter引导站点中为表单创建一种新的样式,并且我想保持SMACK/OOCSS惯例
这是默认形式:
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputE
我试图将引导工具提示放在元素的顶部,如果它适合某个包装器区域。如果它不适合,那么它应该自动重新定位自己(例如在底部)
视口和放置应该可以处理这种情况,但我无法使它们工作。
我尝试以不同的方式使用视口和放置,但失败了
$('#tooltip1').tooltip(
{
placement:'top auto',
viewport: '.viewport'
});
我希望将“#工具提示1”放在顶部,因为它适合视口。
您没有说出您期望的工具提示2。位置:'auto top'似乎对您的
我的手机显示屏有问题。我希望表单输入显示非常大的输入栏。它可以在桌面上显示,任何大小的窗口都可以。但是第二次我在移动设备上看到它,如果它是垂直的,那么表单输入就没有那么大了,你必须放大才能看到它。但当我把手机水平转动的时候,它显示的很好
<div class="container-fluid">
<div class="row">
<div class="col-xs-8 col-sm-8 col-lg-8 center-block">
是的,这是一年前有人发的。我想知道,到目前为止,有没有什么好的解决方案?也关闭:(我需要一个解决方案。请从Safari打开查看问题,因为它只发生在Safari
在野生动物园:
(a) 正常的
(b) 滚动时:
谢谢添加到CSS:
.box.affix {
position:absolute;
}
可能重复的
我在引导Datepicker日历锚定/弹出条目文本框下方时遇到问题。有什么建议吗
这是我的标记等:
...
...
...
服务日期
服务时间
...
$('#tickets.input group.date')。日期选择器({
自动关闭:是的,
今天的亮点:没错,
禁用日期:['01/01/1970','12/31/2099']
});
屏幕截图-我的行为
屏幕截图-所需行为
通过添加样式问题进行修改:
你能重现这种行为吗?在这里工作很好->谢谢@davidkonrad。每次我“复制”
导航栏的外观如下所示:
我已经搜索了关于jquery的答案,但我对jquery一无所知……html代码是:
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
我在bootstrap.css上评论这些代码,现在我的页面没有响应。但我的导航栏仍然反应灵敏。如何禁用它
/*@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 12
我在引导模板中看到内容容器类。。。。但在任何引导css文件中都找不到
这门课有什么用?
代码为..
<div id="hero-divider" class="content-container homepage_steps">
<div class="container">
<div class="col-sm-12 col-md-4 text-center">
<p><i class="hi
我的引导页面上有两个幻灯片。当我在演示页面上进行测试时,它们使用旋转木马脚本,工作正常。一旦它进入WordPress,如果你手动点击导航,而不是自动点击,它们就会滑动
以下是脚本:
<script>
$(document).ready(function() {
$('#Carousel').carousel({
interval: 4000
})
});
<script>
$(document).ready(function() {
$('#Carousel2').car
我已经成功地在我的web应用程序中添加了一个来自外部链接的模式,但是现在当我单击按钮启动模式时,上一个模式的内容将启动。我希望每次都能重新加载
这是启动模式的按钮
<button href="/forum/flag_post/0838024b-f210-4f4d-ac53-fd4ade12d533" class="btn btn-default" data-toggle="modal" data-target="#myModal">Report</button>
使用
上一页 1 2 ...
4 5 6 7 8 9 10 ...
下一页 最后一页 共 37 页