mokhtarabadi
چهارشنبه 29 مرداد 1393, 15:46 عصر
سلام ، چندوقتی هست از Bootstrap کوچ کردم امودم Foundation کار میکنم ، یک تاپ بار ساختم که یه فرم in-line داره ، ولی ارتفاع ورودی متن و کلید فرق داره ، اینم کد HTML :
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">@Lang('messages.title')</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon">
<a href="#"><span>
{{-- @Lang('messages.menu') --}}
</span>
</a>
</li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li class="has-form">
<div class="row collapse">
<div class="large-8 small-9 columns">
<input type="text" placeholder="جستجو کنید..." style="height: 1.8rem">
</div>
<div class="large-4 small-3 columns">
<a href="#" class="alert button expand">جستجو</a>
</div>
</div>
</li>
</ul>
</section>
</nav>
من خودم style="height: 1.8rem" رو به input اضافه کردم ، ولی وقتی اندازه ویندوز رو تغییر میدم ، دوباره اندازه ورودی و کلید متفاوت میشه ، لطفا راه نمایی کنید.
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">@Lang('messages.title')</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon">
<a href="#"><span>
{{-- @Lang('messages.menu') --}}
</span>
</a>
</li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li class="has-form">
<div class="row collapse">
<div class="large-8 small-9 columns">
<input type="text" placeholder="جستجو کنید..." style="height: 1.8rem">
</div>
<div class="large-4 small-3 columns">
<a href="#" class="alert button expand">جستجو</a>
</div>
</div>
</li>
</ul>
</section>
</nav>
من خودم style="height: 1.8rem" رو به input اضافه کردم ، ولی وقتی اندازه ویندوز رو تغییر میدم ، دوباره اندازه ورودی و کلید متفاوت میشه ، لطفا راه نمایی کنید.