/ Bootstrap در طراحی سایت
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: Bootstrap در طراحی سایت

  1. #1
    elham1388 آنلاین نیست.
    elham1388
    کاربر سايت
    44نوشته8مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    6930
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    19
    http://www.npco.net/

    Bootstrap در طراحی سایت

    Bootstrap از معروف ترین چارچوب ها برای طراحی سایت ریسپانسیو با استفاده از کدهای HTML, CSS, و JS می باشد. Bootstrap به شما کمک می نماید تا به سرعت صفحات سایت خود را ریسپانسیو نمایید و در فرم ها، دکمه ها، جهت دهی ها و دیگر اجزای طراحی وب سایت می توان از آن استفاده نمود.


    قبل از استفاده ار این چارچوب شما می بایست با زبان های HTML, CSS و (JavaScript/jQuery) اشنا باشید. Bootstrap دربردارنده extensions جاوا اسکریپ می باشد. به طور مختصر می توان دلایل استفاده از Bootstrap را به صورت موارد زیر شرح داد.


    ریسپانسیو نمودن طراحی سایت
    پشتیبانی توسط همه مرورگرها
    استفاده آسان



    به آسانی می توانید Bootstrap را از ادرس وب سایت getbootstrap.com دانلود نمایید.در زیر چارچوب استفاده از Bootstrap را در طراحی وب سایت به نمایش گذاشته ایم.





    <!DOCTYPE html>


    <html>


    <head>


    <title>Bootstrap Example</title>


    <meta charset="utf-8">


    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">


    </head>





    <body>


    <div class="container">


    <h1>Heading 1</h1>


    <p>This is a paragraph.</p>


    <p>This is a paragraph.</p>


    <p>This is a paragraph.</p>


    </div>





    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


    </body>


    </html>








    با استفاده از Bootstrap می توانید فرم ها را در فرمت عمودی، افقی ایجاد نمایید.در زیر نحوه استفاده از این چارچوب را درج نموده ایم.





    <form role="form">
    <div class="form-group">
    <label for="email">Email address:</label>
    <input type="email" class="form-control" id="email">
    </div>
    <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" class="form-control" id="pwd">
    </div>
    <div class="checkbox">
    <label><input type="checkbox"> Remember me</label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
    </form>


    منبع: Bootstrap در طراحی سایت

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی