Question

基金会4只能在页面的某些区域初始化吗？

例如，如果我有2个div，我可以调用基础（“＃div2”）并且所有CSS和javascript事件仅在div＃2中应用吗？

感谢1000！

Answer 1

一般来说它不会影响你。例如，网格系统主要由CSS控制。对于表单，除非您将custom类应用于表单，否则表单元素的js将不会启用。为了说明这一点，下面两个表单中的一个表示custom类，另一个表示“吨。请注意，Foundation将为custom类添加两个锚标记和一个无序列表：

<form id="form1">
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</form>
<form id="form2" class="custom">
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</form>

Here's the fiddle要看到它的实际效果。

更新：对于一般的“部分格式”是，您可以将基础应用于页面的某些部分。但请注意，即使网格位于您定位的部分之外，网格系统仍将应用。同样，这是因为它们主要由CSS控制。这是另一个例子：

<h1>The Grid System will still be applied to this</h1>    
<div class="row1">
    <div class="large-5 large-centered columns">
        <p class="panel">Centered Div</p>
    </div>
</div>
<div id="foundationArea">
<h1>Only apply Foundation here</h1>
        <form id="form1" class="custom">
            <select>
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
        </form>
        <div class="row">
            <div class="large-6 columns panel">
                <p>Test</p>
            </div>
        </div>
</div>
<h1>Foundation is not allowed here</h1>
<form id="form2" class="custom">
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</form>

See this updated fiddle显示此处给出的更新示例。

基金会4可以有范围吗？

1 个答案: