رفتن به مطلب

مشکل در خوانده نشدن فایل های استایل css در کنار bootstrap


پست های پیشنهاد شده

سلام خدمت شما

یه مشکل خیلی بزرگ برام پیش اومده و اینه که وقتی من فایل های bootstrap رو لینک میکنم دیگه فایل های css خوانده نمیشه.

نمیدونم چرا و خیلی دنبالش گشتم لطفا کمک کنید

لینک به ارسال
در 13 ساعت قبل، cloudgamer گفته است :

سلام خدمت شما

یه مشکل خیلی بزرگ برام پیش اومده و اینه که وقتی من فایل های bootstrap رو لینک میکنم دیگه فایل های css خوانده نمیشه.

نمیدونم چرا و خیلی دنبالش گشتم لطفا کمک کنید

سلام، فایل استایل bootstrap  تون و بالای فایل css خودتون فراخونی کنید

لینک به ارسال
 <!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
 
<div class="container">
<h3>Collapsible Navbar</h3>
<p>In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).
<p>Only when the button is clicked, the navigation bar will be displayed.</p>
</div>
 
</body>
</html> 
 
 
 
 
این کد هام هرکاری میکنم نمیشه شدیدا لازمه
 
لینک به ارسال
 <!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css">
</head> 

به این صورت تغییر بدین ببینین درست میشه

لینک به ارسال
در 33 دقیقه قبل، cloudgamer گفته است :

اضافه کنم در حالت عادی وقتی من فایل رو با html باز میکنم رو سیستم ساده بالا میاره

اما وقتی روی localhost قرار میدم تا تم وردپرسی طراحی کنم کاملا به هم میریزه

استایل خودتونو بعد  فراخوانی بوت استرپ به این صورت قرار بدید

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(). '/style.css' ?>">

 

لینک به ارسال
در 10 دقیقه قبل، Mirrajabi گفته است :

استایل خودتونو بعد  فراخوانی بوت استرپ به این صورت قرار بدید


<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(). '/style.css' ?>">

 

واقعا ممنووووووون

اصلا فکر نمیکردم درست بشه ولی شد خیلی ممنونم ، چون خیلی مدته دنبالشم نمیتونم چیزی پیدا کنم :)

 
لینک به ارسال
در 5 دقیقه قبل، cloudgamer گفته است :

واقعا ممنووووووون

اصلا فکر نمیکردم درست بشه ولی شد خیلی ممنونم ، چون خیلی مدته دنبالشم نمیتونم چیزی پیدا کنم :)

 

خواهش می کنم .

موفق باشید.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...