Tag: html

如何在Bootstrap 3中将带有图标的search框添加到导航栏中？: 我正在使用新的Twitter Bootstrap 3，并试图在顶部的导航栏中放置一个如下所示的search框：在Bootstrap 2中，它可能是这样做的： <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> 但我不确定如何在Bootstrap 3中生成如此多的变化。引导程序3中的导航栏search框表单的默认HTML格式为： <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 我如何修改它来实现我所需要的？

如何将divalignment到父级的顶部，但保持其行内块行为？: 请参阅： http : //jsfiddle.net/b2BpB/1/ 问：你如何使box1和box3alignment到父div“boxContainer”的顶部？ #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display:inline-block; border:thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { width: 50px; height: 100px; background: #999; display: inline-block; } #box3 { width: 50px; height: 50px; background: […]

两个内联块，宽度为50％的元素包装到第二行: 我想有两列50％的宽度空间，并避免浮动。所以我想用display:inline-block 。当元素添加到99％宽度（例如50％，49％， http：//jsfiddle.net/XCDsu/2/ ）时，它按预期工作。当使用100％宽度（例如50％，50％， http://jsfiddle.net/XCDsu/3/ ）时，第二列突破第二行。这是为什么？

如何创build超链接在移动设备上拨打电话号码？: 为移动设备上的用户创build可点击超链接来拨打电话号码的适当通用格式是什么？区号用破折号 <a href="tel:555-555-1212">555-555-1212</a> 不带破折号的区号 <a href="tel:5555551212">555-555-1212</a> 区号用破折号和1 <a href="tel:1-555-555-1212">555-555-1212</a> 不带短划线的区号 <a href="tel:15555551212">555-555-1212</a> 带破折号的区号，1和+符号 <a href="tel:+1-555-555-1212">555-555-1212</a> 不带破折号的区号，1和+符号 <a href="tel:+15555551212">555-555-1212</a>

jQuery vs document.querySelectorAll: 我多次听说jQuery最强大的资产是它在DOM中查询和操作元素的方式：您可以使用CSS查询来创build复杂的查询，这在常规javascript中很难做到。不过，据我所知，可以通过document.querySelector或document.querySelectorAll获得与Internet Explorer 8及更高版本支持的结果相同的结果。所以问题是这样的：为什么“风险”的jQuery的开销，如果其最强大的资产可以用纯JavaScript实现？我知道jQuery不仅仅是CSSselect器，例如跨浏览器AJAX，很好的事件附加等等。但是它的查询部分是jQuery实力的一个非常重要的部分！有什么想法吗？

降价和图像alignment: 我正在制作一个每月发布文章的网站。这很简单，我认为使用一个markdown编辑器（就像这里的StackOverflow中的wmd）是完美的。但是，他们确实需要能够在给定的段落中右alignment图像。我看不出有什么办法可以做到这一点与目前的系统 – 是否有可能？

将浮动div集中在另一个div中: 我search了其他的问题，虽然这个问题似乎与其他几个类似，但我迄今为止所看到的一切似乎都没有解决我所遇到的问题。我有一个包含一些其他div的div，每个div都是左移的。这些div每个包含一张照片和一个标题。我想要的只是一组照片在包含div的中心。正如你从下面的代码可以看到的，我已经尝试在父div上使用overflow:hidden和margin:x auto ，并且在照片之后还添加了一个clear:both （正如另一个主题中所build议的那样）。没有什么似乎有所作为。谢谢。我感谢任何build议。 <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> <img src="photo1.jpg" /><br /> Photo Caption </div> <div style="float: left; margin: auto 1.5em;"> <img src="photo2.jpg" /><br /> Photo Caption </div> <div style="float: […]