miladhassan

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

4 پست در این موضوع قرار دارد

سلام وقتی که منو رو میسازم و به حالت گوشی درش میارم و روی دکمه کلیک میکنم منو باز میشه اما به صورت اسکرول دار اینم تصویرش :

2016-06-06_200151.jpg

0

به اشتراک گذاری این پست


لینک به پست

کد صفحه رو قرار بدید لطفا ؟

0

به اشتراک گذاری این پست


لینک به پست

 

<!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>

  

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری