راهنمایی در بوت استرپ

[asemaneiran]

سلام توی سایتم از بوت استرپ استفاده کردم بعد میخوام از پنل استفاده کنم
از این کد استفاده کردم
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
Panel 1
</div>
<div class="panel-body">
content body
</div>
</div>
</div>
میشه دوستان راهنمایی کنند چطور تتیتر و بدنه پنل رو راست چین کنم؟
و یا برای ثبت نام
<div class="form-group">
<label class="col-md-4 control-label" for="name">Vendor Name</label>
<div class="col-md-4">
<input id="name" name="name" type="text" placeholder="Vendor Name" class="form-control input-md" required="">
<span class="help-block">Name of buisness</span>
</div>
</div>
چطور لیبل رو سمت راست بذارم و متن داخل فیلد رو سمت راست؟
هرکاری کردم نشد
ممنون میشم کمک کنید

[morteza_mousavi90]

<div style="direction:rtl" class="panel panel-default">
<div class="panel-heading">Panel heading without title</div>
<div class="panel-body">
Panel content
</div>
</div>

[ghamgin]

سلام ممنونم درست شد فقط راهی هست که بشه تیتر و زمینه پنل رو رنگ کرد و آیتم منو هم راستوچین بشه؟
بازم ممنون

[EnKamran]

سلام.
دوست عزیز خوب شما چرا از ورژن راست به چپ شده اون استفاده نمیکنید؟

[ghamgin]

سلام ممنون از توجه تون شما فارسی رو دارید؟ یک سوال من برا لاگین از مدال استفاده کردم به صورت دیالوگ باز میشه و کاربر با وارد کردن یوزر و پس وارد بشه اما کلیک کنید باتن رو نميتونم پیدا کنم کد بنویسم؟ و یا منو دارم میخواهم با اسکرول بالا ثابت بشه اما با نوشتن کد nav-fix-top از همون اول بالا ثابت میشه من میخوام بعد از هدر باشه و با اسکرول شدن ثابت شه شما میدانید چکار کنم؟ ممنون

[EnKamran]

شما توی همون Modal دکمه ثبت نام رو قرار دادید خوب توی همون onClick="btnRegister_Click" رو بنویسید و کدهای کدبیهایند رو هم توی صفحه بیهایند بنویسید دیگه!
برای اینکه از بعد از هدر شما باشه هم میتونید توی Css برای Modal فاصله از بالا رو تعیین کنید : margin-top:150px; یا هر اندازه ای که هدر شما هست.
فارسی رو هم میتونید از پروژه بنده دانلود کنید : کلیک کنید (http://sadin.ir/templates/default/css/bootstrap-rtl.min.css)

[ghamgin]

سلام ممنون منو درست شد اما برای لاتین مدال متوجه نشدم باید چکار کنم بیشتر راهنمایی میفرمایید ممنون

[پیام حیاتی]

سلام
فیلم های آموزشی :

saeedd.blog.ir

[ghamgin]

ممنون آقای حیاتی دان میکنم و میبینم اما قبلش


هر کاری می کنم روی یکی از منو هام نمیتونم کاری کنم که بعد هدر سایت منو باشه و با اسکرول شدن صفحه منو بالای سایت ثابت شه
این کد css هامه کسی میتونه کمکم کنه?
.mega-dropdown {
position: static !important;
color : #FBDA77;

}
.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
background-color: #F7F8C9;


}
.mega-dropdown-menu > li > ul {
padding: 0;
margin: 0;

}
.mega-dropdown-menu > li > ul > li {
list-style: none;

}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #222;
padding: 3px 5px;


}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;

}
.mega-dropdown-menu .dropdown-header {
font-size: 18px;
color: #fff;
padding: 5px 60px 5px 5px;
line-height: 30px;

}

هرکجا
margin-top: 100px;
گذاشتم نشد
زیر منوهام هم چپ چینه و راست چین نمیشه چکار کنم
؟؟؟
از بوت استرپ فارسی هم استفاده کردم کلا منوم بهم ریخت
خواهش...
ممنون

[ghamgin]

کسی نمیدونه؟ خواهش...

[notlikeothers]

ممنون آقای حیاتی دان میکنم و میبینم اما قبلش


هر کاری می کنم روی یکی از منو هام نمیتونم کاری کنم که بعد هدر سایت منو باشه و با اسکرول شدن صفحه منو بالای سایت ثابت شه
این کد css هامه کسی میتونه کمکم کنه?
.mega-dropdown {
position: static !important;
color : #FBDA77;

}
.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
background-color: #F7F8C9;


}
.mega-dropdown-menu > li > ul {
padding: 0;
margin: 0;

}
.mega-dropdown-menu > li > ul > li {
list-style: none;

}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #222;
padding: 3px 5px;


}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;

}
.mega-dropdown-menu .dropdown-header {
font-size: 18px;
color: #fff;
padding: 5px 60px 5px 5px;
line-height: 30px;

}

هرکجا
margin-top: 100px;
گذاشتم نشد
زیر منوهام هم چپ چینه و راست چین نمیشه چکار کنم
؟؟؟
از بوت استرپ فارسی هم استفاده کردم کلا منوم بهم ریخت
خواهش...
ممنون

از جی کوئری استفاده کن
http://www.jqueryscript.net/menu/Fixed-Position-Top-Menu-Bar-with-jQuery-CSS3-nagging-menu.html

[ghamgin]

سلام
دوستان کسی راهی برای راست چین شدن آیتم های منو دراپ دآن نداره؟؟
هرکاری می کنم درست نميشه. .

[notlikeothers]

سلام
دوستان کسی راهی برای راست چین شدن آیتم های منو دراپ دآن نداره؟؟
هرکاری می کنم درست نميشه. .
تو divکه dir=rtlگذاشتی؟؟

[ghamgin]

آره هرکاری می کنم درست نميشه شما نمیدونید؟

[Mag-Mag]

ببین اون li های منو خاصیت float:left دارند
باید بری کلاسشونو توی فایل css پیدا کنی و بهشون خاصیت float:right بدی

در ضمن حتما به تگ body هم خاصیت direction:rtl رو بده

[ghamgin]

سلام این کد رو برا فیکس شدن منو اضاف کردم جواب نداد(از همون لیتری که معرفی کردی برا jquery استفاده کردن )
<script type="text/javascript" src="js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/nagging-menu.js" charset="utf-8"></script>

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
به bady هم دایرکشن rtl دادم نمیشه کسی راهی نمیدونه

[ghamgin]

سلام
کسی نمیدونه؟؟؟

[ghamgin]

هیچ کسی اطلاع نداره؟؟؟

[Mag-Mag]

شما css بلدی؟

[Mag-Mag]

ببین عزیز
این فایل (http://cdn.rawgit.com/morteza/bootstrap-rtl/master/dist/css/bootstrap-rtl.min.css) رو سیو کن
و بعد از بوت استرپ به صفحه ات اضافه کن
خودش همی جی رو برات راست چین میکنه

[ghamgin]

سلام ممنون عزیز
من قبلا اینو دان و استفاده کردم منو رو درست کرد اما اسلاید شو که با بوت استرپ در سایت داشتم خراب شد دو تا کلید right و left که روی اسلاید شو قرار دادم با استفاده از این فایل گوشه سمت چپ اسلاید شو روی هم قرار میگیرند نميدونم هم چطور درستش کنم شما میدونید؟
ممنون بازم

[Mag-Mag]

خوب ممکنه هر دلیلی داشته باشه
باید کدت رو یه جا اپلود کنی ، ادرس بدی تا ببینیم

اما در کل ، برای تنظیم کردن همه ی این مشکلات نیاز هست که CSS بدونید
خیلی سادست
ایتو (http://www.w3schools.com/css/default.asp) بخون

برای مثال منگم
مثلا اون مشکلی در منو داشتی
بخاطر خصوصیت float ایتم های منو بوده که float:left بودن
کاری که اضافه کردن این فایل css جدید برات میکنه اینه که همه ی کلاس های بوت استرپ رو بر عکس میکنه (البته اکثرشو)
یعنی direction ها از ltr به rtl
float از left به right
text-align از left به Right
و ....

همه ی این کارها رو خودت هم میتونی بکنی ،
یک سرچ هم در مورد افزونه ی فایر فاکس به اسم فایر باگ (fireBug) بکن
با این دو مورد دیگه محال کاری بخوای در مورد ظاهر سایتت انجام بدی و نتونی

[ghamgin]

سلام
من css رو میدونم این کد اسلایدم هست
<div id="mycarousel" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">
<li data-target="#mycarousel" data-slide-to="0" class="active"> </li>
<li data-target="#mycarousel" data-slide-to="1" > </li>
<li data-target="#mycarousel" data-slide-to="2" > </li>
<li data-target="#mycarousel" data-slide-to="3" > </li>
</ol>

<div class="carousel-inner">

<div class="item active">
<img src="image/1.jpg">
<div class="carousel-caption">
<p>caption1</p>
</div>
</div>



<div class="item">
<img src="image/2.jpg">
<div class="carousel-caption">
<p>caption2</p>
</div>
</div>


<div class="item">
<img src="image/3.jpg">
<div class="carousel-caption">
<p>caption3</p>
</div>
</div>



<div class="item">
<img src="image/4.jpg">
<div class="carousel-caption">
<p>caption4</p>
</div>
</div>

</div>

<!-- <a href="#mycarousel" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
-->
<a href="#mycarousel" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>



<!-- <a href="#mycarousel" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a> -->

<a href="#mycarousel" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>




</div>
بخاطر اینکه کلید های چپ و راست رو اسلاید روی هم قرار میگیرن مجبور شدم کلیدهای راست رو کامنت کنم
شما میدونید مشکل چیه؟
ممنون
در ضمن css ندارم ولی کد جی کوئری رو دارم
فقط وقتی بوت استرپ راست چین اضاف می کنم این طوری میشه و عکس های thumbnails هم نمایش داده نمیشه...!!