Question

我正在使用laravel 5.2并且刀片用于视图。在许多形式的bootstrap语法中有许多重复的代码。以下代码只是一个示例：

<div class="row">
    <div class="col-lg-4  col-md-4 col-sm-4 col-xs-12">
        <label for="product">Product<span class="require">*</span></label>
    </div>
    <div class="col-lg-4  col-md-4 col-sm-4 col-xs-12">
        <input type="text" required class="form-control" id="product" name="product"  value="{{ isset($product)? $product->product_name:Request::old('product_name') }}"/>
        <p class="text-danger">{{$errors->first('product_name')}}</p>
    </div>
</div>

在这种情况下，bootstrap类col-lg-4 col-md-4 col-sm-4 col-xs-12和col-lg-4 col-md-4 col-sm-4 col-xs-12以一种形式和所有其他形式重复。如何删除重复的代码。提前谢谢。

Answer 1

您可以在PHP中创建一个包含col-lg-4的全局变量字符串... 然后，每次都将它传递给模板，这样你就必须在每个模板中调用该变量。

或使用像LESS这样的工具，如this post中的描述。它允许您声明一个将从这些css类“继承”的CSS类。在任何情况下，您必须至少在类部分中编写一个元素。

如何防止来自Bootstrap网格的重复代码

1 个答案: