Bootstrap comes from Twitter and is a very popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is simple and flexible, making web development faster. "Dark Horse Programmer Bootstrap Video Tutorial" explains how to use Bootstrap for front-end development.
Course playback address: http://www.php.cn/course/509.html
The teacher’s teaching style:
The teacher’s lectures are simple, clear, layer-by-layer analysis, interlocking, rigorous argumentation, rigorous structure, and use the logical power of thinking to attract students’ attention Strength, use reason to control the classroom teaching process. By listening to the teacher's lectures, students not only learn knowledge, but also receive thinking training, and are also influenced and influenced by the teacher's rigorous academic attitude
The more difficult point in this video is the grid system:
The Bootstrap framework is one of the most popular front-end frameworks today. Bootstrap is powerful, easy to learn, and very suitable for practical application scenarios.
It’s just that Bootstrap has a lot of content, and novices often cannot quickly use Bootstrap proficiently.
Here, I will make an example-guided summary of the very important and easy-to-use grid system in Bootstrap:
(1) Step 1: Create a container for the grid system
<p class="container-fluid"> <p class="row"> ... </p> </p>
Explanation: In order to ensure proper arrangement and padding of the grid system, each row "row" must be included in a container, and for this container we use the class name "container" or "container-fluid". These two classes are pre-designed by Bootstrap for us
.container has a fixed width and is displayed in the center: The following is the code of the .container class in Bootstrap
Here are also I recommend you to download the information: http://www.php.cn/xiazai/learn/2109
In the information, I share with you the video tutorial courseware and source code
The above is the detailed content of Recommended source code courseware for Dark Horse Programmer bootstrap video tutorial. For more information, please follow other related articles on the PHP Chinese website!