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

-1

我正在使用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>

在这种情况下，引导类COL-LG-4 COL-MD-4 COL-SM-4 COL-XS-12和COL-LG-4 COL-MD -4 col-sm-4 col-xs-12以一种形式和所有其他形式重复使用。如何删除重复的代码。提前致谢。

来源

2017-02-22 Aye

你能澄清这个问题吗？您只需要使用与col-lg-4 col-md-4 col-sm-4 col-xs-12相同的'col-sm-4'，但我不明白“如何删除那些重复的代码。“ – ZimSystem

我只是新手bootstrap和我定义所有的设备，大，中，小的网格系统。现在我知道只要定义col-sm-4就行得通。但是我有大约14种形式，所有表单元素都需要像引导类一样定义，我认为这些代码是重复的，以及如何简化代码。谢谢你的评论。 – Aye

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

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

来源

2017-02-22 13:20:00

感谢点好帖子... – Aye

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

回答

相关问题