草庐IT

$bootstrap

全部标签

html - 如何为我的 Bootstrap 3.0 主题创建带有自定义字形图标的 iPhone 样式底部导航栏?

为我父亲设计一个自定义网站主题,他曾经是瓜达拉哈拉业余拳击手的Angular卫(他在那里遇到了我的墨西哥妈妈!)。我使用.nav-pills制作了Pills导航,如下所示=>http://getbootstrap.com/components/#nav-pills但我爸爸想要一个iphone底部锚定型导航栏,带有用于“新闻”部分的手套图标,用于cutman提示部分的血腥毛巾图标等。有点像下面显示的这个iphone导航栏,但我的限制是我想在bootstrap中将它开发为移动Web应用程序,该应用程序具有响应性并显示一个看起来像iphone栏的导航栏(希望这有意义吗?!!!我的天啊!)以下

javascript - Bootstrap 表单输入 : prevent submit, 但允许输入检查

我遇到了以下问题:我使用Bootstrap表单从用户那里获取输入,我使用jQuerypreventDefault()来禁用提交按钮发送表单(我使用AJAX代替)。但是,该功能还阻止了由Bootstrap完成的输入检查。例如,如果有人在bootstrap将在单击提交后检查该输入并返回一个带有错误的弹出窗口。我的问题是:如何在保持Bootstrap表单检查机制完好无损的情况下阻止发送请求?我尝试过的方法:使用preventDefault()并编写我自己的检查脚本,但这似乎是在重新发明轮子并在不需要时添加额外的代码。谢谢! 最佳答案 我相

html - 我如何将图标添加到 Bootstrap 下拉列表

我有这个代码ActionSplitbutton!ActionAnotheractionSomethingelsehereSeparatedlink看起来像我想添加像这样的coginsteaqd文本的图标我试过了但是不工作 最佳答案 对于按钮,图标需要作为按钮的内容进入按钮内部,所以不是应该是编辑:要在Bootstrap中添加插入符号,您可以使用因此,获得带有齿轮和下拉插入符号的按钮的最终结果是:当我将该代码粘贴到Bootstrap的主页时,我得到了这个: 关于html-我如何将图标添加到

javascript - Twitter Bootstrap - 带有 div 内容而不是列表的下拉列表

推荐的方法是什么?这是我所做的一个例子http://jsfiddle.net/T9QHw/56/左侧为普通下拉列表,右侧为div版本。但是div的行为有点滑稽。如果我单击它,它会自行关闭,并将a标记样式设置为block。我应该换一种方式吗? 最佳答案 也许您想使用Popover组件而不是下拉组件? 关于javascript-TwitterBootstrap-带有div内容而不是列表的下拉列表,我们在StackOverflow上找到一个类似的问题: https:

html - Bootstrap 网格不适用于 Canvas

我正在尝试使用Chart.js将图表放在span6的一行上.Chart.js使用需要一个height和width属性(property)。我设置了height我需要的和width到100%但它不会拉伸(stretch)以填充设置为span6的div.有什么想法吗? 最佳答案 我设法解决了你的问题!请检查这个jsFiddle.尝试调整面板大小以查看效果。基本上,您调用一个响应窗口大小调整的函数:$(window).resize(respondCanvas);这会触发获取封装它的父元素的宽度和高度,然后重绘您的图表。functionre

html - 删除 Bootstrap 3 中导航栏和超大屏幕之间的空间

在bootstrap3中,我的导航栏和超大屏幕之间有空间。超大屏幕和3个水平缩略图之间也有空间。我想摆脱这个空间。我是否必须更改CSS和填充,或者最好的方法是什么?_标题TogglenavigationResources主页(带缩略图)Welcometoclub!blablaSignUpBlablablaBlablalbal. 最佳答案 您必须将margin-bottom:0;设置为navbar和jumbotron类。您可以使用自定义样式表来覆盖它。在Bootstrapcss引用旁边使用自定义CSS。如下:查看此bootply示例

html - Bootstrap 3 如何在一行中显示两张图片

你好,我是bootstrap的新手,我想知道如何在一行中显示两个图像并保持响应功能。你能给我一个例子吗? 最佳答案 当然,对于BS2:对于BS3:编辑:2017年1月3日对于BS4(带FLEXBOX):另一种解决方案是将图像向左浮动: 关于html-Bootstrap3如何在一行中显示两张图片,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/21282618/

html - Bootstrap : Navbar not fixed to very top has like 40px padding?

我在使用TwitterBootstrap时遇到问题,这是我的导航栏的样子:页面顶部和导航栏之间有间隙。我尝试使用.navbar{position:fixed!important;top:0px;padding:0px;margin:0px;}在我的css文件中,但它仍然无法正常工作。它在移动设备和桌面设备(使用响应式CSS)中看起来像这样。我尝试将我的网站css放在响应式css之后和之前,但它没有做任何事情。有谁知道为什么会这样?来自bootstrap.css的导航栏数据:.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;rig

html - 表比 Bootstrap 列容器宽

有人可以向我解释为什么会这样吗?我已将我的内容包装在Bootstrap响应式div中,而我在该div中的表格的宽度比容器大。问题是如果我有一个包含很多字符的非常大的内容,表格就会变得比它的容器宽得多.如何实现它的内容换行到另一行而不破坏布局?感谢您的帮助! 最佳答案 尝试添加word-wrap和word-breaktd{word-wrap:break-word;word-break:break-all;}这是您更新的Bootply 关于html-表比Bootstrap列容器宽,我们在St

jquery - Bootstrap 自定义模态效果

我正在使用Bootstrap创建一个网站。我偶然发现了我想要集成到我的网站中的这种极好的模态效果。但是,我还没有找到有关如何执行此操作的任何信息。参见:http://tympanus.net/Development/ModalWindowEffects/特殊效果18:“让路”效果的CSS:/*Slidefromrightwithperspectiveoncontainer*/.md-show.md-effect-18~.container{height:100%;overflow:hidden;}.md-show.md-effect-18~.md-overlay{background: