如何防止來自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網格的重複代碼

回答

相關問題