فرم ها در بوت استرپ 4 تمام عناصر فرم ها در بوت استرپ استایل دهی شده اند بنابراین باید بدانید این استایل ها به چه شکل هستند. تمام های متنی و و عناصر ای که کلاس form-control. را داشته باشند عرض 100 درصد می گیرند. در واقع بوت استرپ دو نوع فرم به شما ارائه می دهد: فرم های inline و فرم های stacked به معنی انباشته (تمام عرض صفحه را می گیرند).</p> <div class="more-link-wrapper"><a class="more-link" href="https://www.roxo.ir/blog-panel/bootstrap_forms/">به خواندن ادامه دهید<span class="screen-reader-text">فرم ها در بوت استرپ 4</span></a></div> </div> </article> </div> </div> <nav class="navigation pagination" aria-label="صفحه‌بندی نوشته‌ها"> <h2 class="screen-reader-text">صفحه‌بندی نوشته‌ها</h2> <div class="nav-links"><a class="prev page-numbers" href="https://www.roxo.ir/blog-panel/tag/%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be/page/16/">صفحه قبل</a> <a class="page-numbers" href="https://www.roxo.ir/blog-panel/tag/%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be/">1</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://www.roxo.ir/blog-panel/tag/%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be/page/16/">16</a> <span aria-current="page" class="page-numbers current">17</span> <a class="page-numbers" href="https://www.roxo.ir/blog-panel/tag/%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be/page/18/">18</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://www.roxo.ir/blog-panel/tag/%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be/page/31/">31</a> <a class="next page-numbers" href="https://www.roxo.ir/blog-panel/tag/%d8%a8%d9%88%d8%aa-%d8%a7%d8%b3%d8%aa%d8%b1%d9%be/page/18/">صفحه بعد</a></div> </nav></section><!-- .main --> <footer class="site-footer" role="contentinfo"> <div class="design-credit"> <span> <a href="https://www.roxo.ir/pages/authors" rel="nofollow">نویسنده شوید</a> </span> </div> </footer> </div><!-- .max-width --> </div><!-- .overflow-container --> <button id="scroll-to-top" class="scroll-to-top"><span class="screen-reader-text">رفتن به بالا</span><i class="fas fa-arrow-up"></i></button> <script type='text/javascript'><!-- var seriesdropdown = document.getElementById("orgseries_dropdown"); if (seriesdropdown) { function onSeriesChange() { if ( seriesdropdown.options[seriesdropdown.selectedIndex].value != ( 0 || -1 ) ) { location.href = "https://www.roxo.ir/blog-panel/series/"+seriesdropdown.options[seriesdropdown.selectedIndex].value; } } seriesdropdown.onchange = onSeriesChange; } --></script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog-panel\/*"},{"not":{"href_matches":["\/blog-panel\/wp-*.php","\/blog-panel\/wp-admin\/*","\/blog-panel\/wp-content\/uploads\/*","\/blog-panel\/wp-content\/*","\/blog-panel\/wp-content\/plugins\/*","\/blog-panel\/wp-content\/themes\/author\/*","\/blog-panel\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript" id="ct-author-js-js-extra"> /* <![CDATA[ */ var ct_author_objectL10n = {"openPrimaryMenu":"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0641\u0647\u0631\u0633\u062a \u0627\u0635\u0644\u06cc","closePrimaryMenu":"\u0628\u0633\u062a\u0646 \u0641\u0647\u0631\u0633\u062a \u0627\u0635\u0644\u06cc","openChildMenu":"\u06af\u0634\u0648\u062f\u0646 \u0641\u0631\u0632\u0646\u062f\u0650 \u0641\u0647\u0631\u0633\u062a","closeChildMenu":"\u0628\u0633\u062a\u0646 \u0641\u0631\u0632\u0646\u062f\u0650 \u0641\u0647\u0631\u0633\u062a"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.roxo.ir/blog-panel/wp-content/themes/author/js/build/production.min.js?ver=6.8.3" id="ct-author-js-js"></script> <!--[if IE 8]> <script type="text/javascript" src="https://www.roxo.ir/blog-panel/wp-content/themes/author/js/build/respond.min.js?ver=6.8.3" id="ct-author-respond-js"></script> <![endif]--> <script type="text/javascript" src="https://www.roxo.ir/blog-panel/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=fLbjkfIgPOYi+6J" id="enlighterjs-js"></script> <script type="text/javascript" id="enlighterjs-js-after"> /* <![CDATA[ */ !function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console); /* ]]> */ </script> <link rel='stylesheet' id='su-rtl-shortcodes-css' href='https://www.roxo.ir/blog-panel/wp-content/plugins/shortcodes-ultimate/includes/css/rtl-shortcodes.css?ver=5.13.2' type='text/css' media='all' /> </body> </html>
