我需要使用隐藏的输入来为每个块传送一些ID到页面.
我有以下代码：
<div id="shipping_Box" class="formSep well"> <div id="default_shipping_Box" class="shipping_Box row-fluid"> <div class="span1"> <input type="hidden" name="tracking_id" value="" /> </div> </div> </div>
这个代码工作得很好,结果是我的预期.
如果我这样做：
<div id="shipping_Box" class="formSep well"> <div id="default_shipping_Box" class="shipping_Box row-fluid"> <input type="hidden" name="tracking_id" value="" /> <div class="span1"> </div> </div> </div>
布局不受尊重.看到这张照片为demostration：
有人可以解释为什么给我吗？隐藏的输入不是“隐藏的”,所以它们不应该影响布局？
jsfiddle：http://jsfiddle.net/t9M3C/
近285线
是因为你有一个css规则(在bootstrap.min.css文件中)匹配的firs-child元素(但只有在class * =“span”)的default_shipping_Box div内.
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
所以,如果你将隐藏的输入放在div#default_shipping_Box之前和第一个span之前,那么这个规则并不是对div.span1造型,也就是为什么你的模板被感染了.
.row-fluid .span1{margin-left:0 !important;}
重要的是因为你有更多的文件超过这个规则(例如在bootstrap-responsive.min.css中)
祝你好运,希望有帮助
干杯,
Gmo.-
编辑：XD太慢在写作时回答…我同意上述原因.
