1 / 16

CSS AND BOOTSTRAP

CSS AND BOOTSTRAP. Sajad alishahnejad – ali akbari boroumand Internet engineering – Khaje nasir university of technology - 2014. CSS و فریمورک ها. در CSS قدرت زیادی نهفته است. در بسیاری از سایت ها قسمت هایی مشابه وجود دارد که نیازی نیست دوباره نوشته شود.

chibale
Download Presentation

CSS AND BOOTSTRAP

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CSS AND BOOTSTRAP Sajadalishahnejad – aliakbariboroumand Internet engineering – Khajenasir university of technology - 2014

  2. CSSو فریمورک ها • در CSS قدرت زیادی نهفته است. • در بسیاری از سایت ها قسمت هایی مشابه وجود دارد که نیازی نیست دوباره نوشته شود. • فریمورک های قوی و تست شده و کامل وجود دارد که کار ما را سریع و آسان می کند. • حتی از نوشتن خودمان هم می توان بهتر باشد.

  3. BOOTSTRAP • Bootstrapتوسط یک گروه کوچک در شرکت Twitter در سال 2011 نوشته شده. (Mark Otto و Jacob Thornton) • هم اکنون محبوب ترین پروژه در سایت GitHub است. • در 1% سایت های جهان استفاده می شود.

  4. مزایایBOOTSTRAP • Provides a clean and uniform solution for building an interface for developers. • User Interface Framework (JS, CSS and Images) • Open Source project • Supports all major browsers incl. IE7 • Supports HTML5 and CSS3 • Beautiful and functional built-in components which are easy to customise

  5. امکانات BOOTSTRAP • Scaffolding Global styles for the body to reset type and background, link styles, grid system, and two simple layouts. • Base CSS Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes Glyphicons, a great little icon set. • Components Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more. • JavaScript plugins Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

  6. کامپوننت های BOOTSTRAP • Button groups • Button dropdowns • Navigational tabs, pills, and lists • Navbar • Labels • Badges • Page headers and hero unit • Thumbnails • Alerts • Progress bars • Modals • Dropdowns • Tooltips • Popovers • Accordion • Carousel • Typeahead

  7. پیکربندی

  8. مثال پیکربندی

  9. امکانات BOOTSTRAP Buttons: Tabs: Breadcrumb: Pagination: Alerts: Progress bar:

  10. امکانات JavaScript

  11. شخصی سازی CSS- JavaScript-

  12. LESSوBOOTSTRAP • CSS variables (Less) www.lesscss.org

  13. چرا ازBootstrap استفاده کنیم؟ • راحت • سریع • پشتیبانی در تمامی اندازه صفحات • پشتیبانی موبایل • کامل و بی نقص

  14. نمونه زنده در اینجا نمونه کد و مثال را به صورت زنده مینویسیم و نمایش می دهیم

  15. سوال؟

  16. ممنون از توجه شما

More Related