Dreamweaver CC: Responsive Design with Bootstrap 4

1218
0
2019-07-17 17:13:59
16
7
41
8
https://www.lynda.com/Dreamweaver-tutorials/Dreamweaver-CC-Responsive-Design-Bootstrap-4/800215-2.html Dreamweaver CC—coupled with Bootstrap 4—makes it easier for design-minded professionals to build websites that look great on desktops and mobile devices
视频选集
(19/33)
Speed up responsive design
01:00
What you should know
01:47
Set the Bootstrap version
06:27
Understand the layout grid
03:53
Define the layout grid
05:10
Insert a navigation bar
03:35
Edit the links
06:26
Improve usability on small screens
03:15
Apply quick styles to the navigation bar
03:59
Customize the color scheme
06:15
Add a background image to the brand
03:35
Add a container for the page content
04:19
Insert a row and columns
05:47
Insert a responsive image
04:22
Remove gaps around the image
05:44
Position text over the image
07:04
Resize and duplicate columns
05:30
Flex layout Equally distributed columns
05:19
Use semantic markup
03:42
Paste formatted text
04:51
Insert fixed-size images
05:17
Flex layout Centered columns
04:58
Paste into an empty column
06:15
Style the feature section
03:55
Insert cards
04:47
Add content to cards
05:28
Superimpose text on a card image
06:32
How a carousel is structured
05:14
Edit a carousel
04:53
Add the footer
03:14
Hide elements
03:09
Add extra pages
07:17
Next steps
01:56
客服
顶部
赛事库 课堂 2021拜年纪