ブートストラップ使用時にCSSSファイルがlocalhost上で動作しない

-1

index.phpファイルをindex.htmlに変更すると、ローカルのmain.cssファイルが実行されます。しかし、私はPHPでそれを実行すると、main.cssが表示されません。ブートストラップはcssファイルを見る。ブートストラップ使用時にCSSSファイルがlocalhost上で動作しない

注：index.htmlコードは、ローカルで実行すると動作します。コードに問題はありません。

編集：問題はPHP

ではありません

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Hi</title> 
<meta charset="utf-8"> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="css/main.css"> 
</head> 
<body> 

<a href="/panel.php"><button type="button" class="btn btn-primary btn-outline-danger">Danger</button></a> 
</body> 
</html>

のmain.css：

.btn-primary{ 
    font-size: 20px; 
    padding: 15px 60px; 
    background-color: #fed136; 
    text-transform: uppercase; 
}

出典

2017-12-02 Ensar Karabudak

アスタリスクを '** btn-primary ** ' – Niels

-1

それが実際にPHPの問題ではありません。 BootstrapがあなたのメインCSSを上書きしているために起こっています。実際にメインCSSを使用するには、ボタンにidの名前をつけてからmain.cssに変更してください。それがうまくいくと思います。 ;-)

出典

2017-12-02 06:18:40

から削除します。 ID： –

これは実際のPHPの問題ではありません。これは、BootstrapがメインのCSSを上書きしているために起こります。実際には、メインのCSSを使用して、あなたのボタンにID名を与え、それをメインカセットに変更します。私は、これは代わりに.btnDeleteを言うカスタムクラスを使用して、ブートストラップクラスを上書きしないでください

ブートストラップデフォルトのCSS BTN-主

<a href="" class="btn-primary class_name" ></a>

使用CSS

.class_name.btn-primary{ 
    font-size: 20px; 
    padding: 15px 60px; 
    background-color: #fed136; 
    text-transform: uppercase; 
}

出典

2017-12-02 06:26:12

ローカルで実行すると、index.htmlコードが機能します。しかし、それはPHP上で動作しません。 –

リンクを使用する<？php base_url？>/css/main.css –

に動作すると思います。

.btnDelete{ 
    font-size: 20px; 
    padding: 15px 60px; 
    background-color: #fed136; 
    text-transform: uppercase; 
}

もBTN-primary.Bootstrapアスタリスクを削除するには、ユーザー定義クラスとブートストラップクラスを区別するために、キャメルケースの表記を使用していないclasses.whyに名前を付けるためのヘビのケースの表記を使用しています。

出典

2017-12-02 06:50:00 karthik

ブートストラップ使用時にCSSSファイルがlocalhost上で動作しない

答えて

関連する問題