Tag: CSS
如何在Twitter Bootstrap中添加自定义图标？
我用Twitter Bootstrap添加图标没有问题。 他们有很多的select。 http://twitter.github.com/bootstrap/base-css.html#icons 但是，我找不到适合的菜单项目之一。 这是关于“汽车”。 我想要的是我想添加我的自定义图标。 我怎样才能做到这一点？
Bootstrap3 .visible- * .hidden- *内联显示
Bootstrap有一些很好的.visible-* （例如.visible-lg ）类实用程序，用于根据屏幕大小select要显示或隐藏的内容。 使用这些类时，它将应用样式display: block !important; 当在正确的屏幕尺寸。 但有时候，我想用它来显示一些inline或inline-block元素。 我怎么能干净地覆盖一些引导规则有select？ 或者它应该是一个自举function请求？ 编辑 似乎我不是唯一一个想知道这个问题的人。 这是github问题 。 感谢您的最新答案！
CSS：文本转换不正确的土耳其人物
主要浏览器的实现似乎有text-transform: uppercase问题text-transform: uppercase土耳其字符text-transform: uppercase 。 据我所知（我不是土耳其人），有四个不同的i字符： ı i I İ最后两个是前两个大写字母表示。 然而，应用text-transform:uppercase到ı i ，浏览器（检查的IE浏览器，火狐浏览器， text-transform:uppercase ı i浏览器和Safari浏览器）导致II ，这是不正确的，可能会改变这些词的含义太多，使他们成为侮辱。 （这就是我所知道的） 正如我对解决scheme的研究没有透露任何我的问题是：有这个问题的解决方法吗？ 第一个解决方法可能是彻底删除text-transform: uppercase但这是某种最后的手段。 有趣的是，W3C已经在他们的网站上testing了这个问题，但是缺乏关于这个问题的更多信息。 http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=5 我感谢任何帮助，期待你的回答:-) 这是一个codepen
文字和下划线之间的空格
我正在使用text-decoration:underline; 但是文字和下划线是相互接触的。我可以在文字和下划线之间增加空格吗？ 替代文字http://www.freeimagehosting.net/uploads/185f4eea14.jpg这一个。 我想在文字和下划线之间留出空间。
子弹消失与CSS3列
当我将它们转换为使用CSS3的列时，我列表项目上的项目符号消失。 任何想法为什么或build议如何纠正？ 看例子： http : //jsfiddle.net/gduDm/1/ ul li { list-style-type: disc !important; column-break-inside: avoid; } ul { list-style-type: disc !important; margin-top: 1em; column-count: 2; column-gap: 0.5em; }
保持文本环绕引导3响应式devise
我有一个查看器与控制栏组成的连续divs。 其他项目的FA图标已经在文本上，所以没有屏幕大小的问题，但为了区分具有更高级别控制的两个button来切换查看器中的内容。 它们的布局如下所示： <i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next 当这个图像显示在像iPhone这样的小屏幕上时，图标移动到文本上，我希望它保持在它旁边。 原因是另一个button，然后与它下面的图标排队，这是不好看的用户界面。 Previous<i class="fa fa-toggle-left lg"></i> 任何选项，如何防止他们包装？
使用jQuery时，如何删除Safari中的默认button突出显示
我注意到，在OS X的Safari浏览器下，我的默认jQuerybutton似乎在他们周围有一个蓝色的辉光高光。 只是检查，同样的事情发生在jQuery UI演示页面 。 在同一台机器上的Firefox下，它看起来像这样 任何人都可以告诉我，我可以做什么来删除这个Safari下？ 我仍然会喜欢默认行为。
2格并排alignment，如何使右格填充宽度100％？
我想知道做这个最好的方法是… 我有3个div ： width=100%;的div#container width=100%; 拥有2个内部div 一个div#inner_left widthdynamic变化，但不超过200px（将持有产品图像） div#inner_right其中宽度应该填充容器中剩余的空间（将包含描述所示产品的文本） #container { width:100% } #inner_left { display:inline-block: max-width:200px; } #inner_right { display:inline-block; width:100%; } 问题是div#inner_right创build换行并填充整个宽度。 我怎样才能让他们相互alignment，正确的div占左边的div （dynamic变化？）所采用的宽度。 我已经得到这个以其他方式工作，但我正在寻找一个干净的解决scheme… 任何CSS noob帮助非常感谢！
iPhone / iPad触发意外的resize的事件
我正在使用我的网站的移动版本。 我尽可能地使用媒体查询和CSS，但我也使用一些JavaScript，例如，将我的导航到一个较小的设备上的崩溃/展开列表，以节省空间。 为了处理所有这些，我试图使用window.resize事件。 这可以让桌面浏览器在resize时发生魔法，但是当我不期待它们时，我正在iPad / iPhone上resize事件。 在桌面浏览器上，如果实际调整窗口大小，我只会得到一个resize事件。 在移动浏览器中，当我改变方向（预期）时，我得到了resize事件，但是当我切换到展开/折叠的东西时，我也得到了它。 这是一个简单的例子： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <title>Resize test</title> <style> .box {height: 10000px; background: green; display: none;} </style> <script> $(function(){ $(".opener").click(function(){ $(".box").slideToggle(); }); $(window).resize(function(){ alert("resized"); }); }); </script> </head> <body> <a href="#" class="opener">Open/close me</a> <div class="box"></div> </body> </html> […]
我怎样才能直接在图像下方alignment文本？
我曾经知道如何将图像放在顶部，然后certificate图像下面的文本，以便它保持在图像宽度的边界内。 但是，现在我不知道该怎么做。 这是如何完成的？
