bootstrap快速入门_技术问答

首页免费课 bootstrap快速入门问答

bootstrap快速入门

                
                袁三日
            Web前端工程师

                    查看讲师更多课程 
                    袁三日讲师的其他课程
                
css定位 position
初级·49042
免费课程
                                
                难度中级
            
                时长 2小时 5分
            
                学习人数
            
综合评分9.37
                            179人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.1
                                逻辑清晰

全部评论问答未解决精华

云上飞鸟

0 5-3 字体图标

2017-08-01

云上飞鸟

1. glyphicon glyphicon-asterisk
2. glyphicon glyphicon-plus
3. glyphicon glyphicon-euro
4. glyphicon glyphicon-eur
5. glyphicon glyphicon-minus
6. glyphicon glyphicon-cloud
7. glyphicon glyphicon-envelope
8. glyphicon glyphicon-pencil
9. glyphicon glyphicon-glass

1 4-5 图标

2017-08-01

云上飞鸟

0 4-5 图标

2017-08-01

云上飞鸟

<head>
<link rel="stylesheet" href="dist\css\bootstrap.min.css">
<style>
.test{height: 300px;background: red;}
</style>
</head>
<body>
<div class="test col-lg-3 col-md-4 col-sm-6 col-xs-12 col-lg-offset-3 col-md-offset-4"></div>
</body>

1 4-3 栅格布局

2017-08-01

云上飞鸟

0 4-3 栅格布局

2017-08-01

qq_qz_3

bootstarp有用的就是栅格系统做响应式布局的快速开发，其他定义的样式感觉没用，很多样式都是UI设计的还得用CSS改

2 4-4 单位

2017-08-01

云上飞鸟

0 3-6 Bootsteap中的表单(2)

2017-08-01

云上飞鸟

0 3-6 Bootsteap中的表单(2)

2017-08-01

qq_nullpointere_6

现在慕课网的视频变得一卡一卡的，不知道大家发现没有，还是就我的电脑这样。

9 3-3 Bootstrap中的排版 - 文本

2017-08-01

qq_小楼听雨_0

作为一个后端，但看之，不求甚解

1 5-2 Bootstrap组件中的怪异属性

2017-08-01

云上飞鸟

<p class="text-left">左对齐</p>
<p class="text-center">居中</p>
<p class="text-right">右对齐</p>
<p><mark>慕课网</mark><del>慕课网</del><ins>慕课网</ins><u>慕课网</u><small>慕课网</small><strong>慕课网</strong></p>
<p>慕课网慕课网慕课网慕课网慕课网慕课网慕课</p>
<p class="text-lowercase">HELLO大写换小写</p>

1 3-3 Bootstrap中的排版 - 文本

2017-08-01

云上飞鸟

2 3-2 Bootstrap中的排版 - 标题

2017-08-01

云上飞鸟

<head>
<title>Bootstrap</title>
<link rel="stylesheet" href="dist\css\bootstrap.min.css">
<script src="jqurey/jquery-3.2.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
</head>
<body>
<button class="btn btn-info">你好</button> //更改为其他CLASS名以后效果会消失
</body>

0 3-2 Bootstrap中的排版 - 标题

2017-08-01