2017-06-09 64 views
-1

hello我在Laravel 5.2應用程序和bootstrap.My引導程序文件在Laravel應用程序的公用文件夾中。現在我需要改變以下div標籤的「歡迎」顏色如何在Laravel 5.2中編輯引導程序css文件

<div class="container"> 
<div class="row"> 
     <div class="col-md-10 col-md-offset-1"> 
      <div class="panel panel-default"> 
       <div class="panel-heading">Welcome</div> 

       <div class="panel-body"> 
        Your Application's Landing Page. 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

那麼我該如何改變顏色呢?我可以訪問公用文件夾中的bootstrap css文件嗎?

+0

決不編輯官方CSS文件或JS庫! – lewis4u

回答

1

是你可以保持它的簡單,你應該在welcome.blade.php文件鏈接樣式表像這樣:

<link type="stylesheet" css="{{ asset('css/style.css') }}" /> 

(這將查找在/public/css/stlye.css一個CSS文件)

在stlye.css文件中添加以下的CSS:

.panel-heading { 
    background-color: green; /* will change the background color */ 
    color: blue; /* will change the color of the font */ 
} 
2

我要做的(沒有Laravel被tooooo經歷)是添加自己的CSS文件中的公共/ CSS與我想改變風格,那麼包括這app.blade.php:

<link rel="stylesheet" href="{{ URL::asset('css/style.css') }}" /> 
然後

最簡單的方法將是一個id屬性添加到您的歡迎線:

<div id="my-welcome" class="panel-heading">Welcome</div> 

,然後像這樣添加樣式到你的style.css:

#my-welcome { 
    color: red; 
} 
+0

就個人而言,我會使用一個類''div class =「welcome panel-heading」>'來保持特異性低。否則,這是現貨,創建一個選擇等於或高於原來的特異性,幷包括在原始選擇器覆蓋後。 – hungerstar

+0

我同意@hungerstar –