رفتن به مطلب

مشکل با navbar بوتسترپ


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

 

<!DOCTYPE html>
<html <?php language_attributes(); ?> >
  <head>

    	<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width,initial-scale=1">

    <title>
<?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( '???? %s'), max( $paged, $page ) );
 
?>
</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <script src="<?php bloginfo('template_url');?>/js/jquery-1.11.3.min.js"></script>
   <script src="<?php bloginfo('template_url');?>/js/bootstrap.min.js"></script>
  <link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet" type="text/css">
  <link href="style/bootstrap-rtl.css" rel="stylesheet" type="text/css">
<?php wp_head(); ?>
  </head>

  <body style="font-family:iransans; font-size:0px;background-color:#F0F0F0;">
          <!-- Button to trigger modal tamas ba ma -->

		  <!-- Button to trigger modal rss -->
<div class="container-fluid" style="font-size:22px;pull-center margin:0px auto;padding:0px;max-width:1330px;">

<nav class="navbar navbar-default">
<div class="container-fluid">
 
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">Brand</span>
</div>
 
<div class="collapse navbar-collapse" id="navbar1">
<ul class="nav navbar-nav">
	<li><a href="#">link</a></li>
	<li><a href="#">link</a></li>
	<li><a href="#">link</a></li>
	<li><a href="#">link</a></li>
	<li><a href="#">link</a></li>
	<li><a href="#">link</a></li>
	<li><a href="#">link</a></li>
</ul>
</div>
 
 
</div>
</nav>

  

لینک به ارسال

اون Styleکه بصورت inline به contaner-fluid دادید اشتباه است اصلا مقدار pull-center معنایی تو بوت استرپ ندارد یک بار این استایل رو بردارید و تست کنید.
در ضمن نمیدونم ورزن بوت استرپ شما چند است ولی بنده پیشنهاد میکنم که از مدل فارسی شده بوت استرپ که سورس اصلی آن را دست زده استفاده نکنید ابتدا کد Css انگلیسی اصلی بوت استرپ فارسی را لود کنید و بعد از آن از فایل فارسی کننده آن که در آدرس زیروجود دارد استفاده کنید :

https://github.com/morteza/bootstrap-rtl

لینک به ارسال

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

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

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

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

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

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

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

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

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