Mark Lassoff – Bootstrap Responsive DesignSo you’re a coder… but not much of a designer.Perhaps the dozens of “standard†screen sizes today make your head spin?What would you give for an easy solution to make your digital content not only look good, but automatically adjust for any sized screen? Bootstrap might just be the answer you’ve been looking for.Bootstrap is a framework that allows you to easily design digital content with HTML that works on the smallest mobile screen and the largest desktop monitor. A combination of CSS and Javascript that you can easily apply to your own work, the Bootstrap framework will make you more productive more quickly by taking care of your visuals and responsive design elements.If you want to learn just how easy Bootstrap is, this course is all you need. Covering everything from installation to cool Bootstrap plugins, after this course you’ll be able to immediately apply the Bootstrap framework to your own work.Your HostMark LassoffMark Lassoff is the founder of and lead instructor at LearnToProgram.tv. Mark has always considered himself a teacher first and a technologist second. With over 20 years experience teaching computer science Mark knows how to make complex technical concepts understandably. Mark’s previous experience encompasses everything from ups to Fortune 500 companies.Mark is the author of six programming books and dozens of online courses. He lives in Connecticut where he’s redecorating his condo. Want to help?EpisodesGetting startedQuick: Making Your First Bootstrap App (14:55)Including Bootstrap Libraries (6:01)The Bootstrap er Template (3:57)Bootstrap Themes (6:54)Container versus Container Fluid (4:02)Custom Components Intro: Footer (3:48)Code Activity: Bootstrap Quick Step-by-StepContainers and GridsSection Introduction: Containers and Grids (0:59)Basic Grids and Media Queries (4:20)Stacked to Horizontal Grids (7:55)Mobile and Tablet Grids (3:53)Mobile, Tablet and Desktop Grids (10:25)Code Activity: GridsTypographySection Introduction: Typography (0:52)Headings, Body and Lead Body Copy (4:23)Underline, Small, Bold, Italics (3:13)Alignment, Transformation and Abbreviation (5:42)Lists and Description Lists (3:38)Codes, Keyboards and Variables (5:15)Code Activity: TypographyTablesSection Introduction: Tables (0:46)Basic Table (4:56)Adding Striped Rows (3:37)Creating a Bordered Table (3:33)Hover Table (5:07)Responsiveness and Tables (3:13)Code Activity: TablesFormsSection Introduction: Forms (0:57)Form Controls (7:45)Text Inputs (6:16)Form Groups (4:52)Forms and the Grid (6:21)Code Activity: FormsImages with BootstrapSection Introduction: Images with Bootstrap (0:36)Bootstrap Image Classes (3:03)Responsive Images (2:18)Code Activity: ImagesCollapsablesSection Introduction: Collapsables (0:48)The Collapse Plugin (4:53)Accordions (3:45)Code Activity: CollapsablesNavigation BarsSection Introduction: Navigation Bars (0:40)Standard and Inverted Nav Bars (5:26)Dropdowns (4:23)Buttons and Forms in Navbars (4:12)Code Activity: Make a Nav BarBootstrap CarouselSection Introduction: Bootstrap Carousel (0:39)Creating a Basic Carousel (2:51)Adding Captions (3:09)Code Activity: CarouselWrap up and Good Bye (0:35)
