地址

boostrap入门到项目实战

混合开发（套壳）

用html5生成ios、安卓

修改CSS的最常用的方法

比如说 , boostrap的某个样式不喜欢 , 要改 . 那么就审查元素 , 然后在审查元素那里找到对应的选择器 , 将这个选择器放在<style></style>里面

aria-expanded,aria-hidden

aria-expanded,aria-hidden之类 , 都是盲人阅读器 , 项目中的这些属性都可以删去

1
<div class="modal fade" id="{{ id }}" tabindex="-1" role="dialog" aria-labelledby="dept_modal_label" aria-hidden="true">

同理role属性也可以删除

等宽布局

使用col这个class

1
2
3
4
5
6
7
8
9
10
<div class="container">
    <div class="row">
        <div class="col" style="color: #1B6D85;">
            111
        </div>
        <div class="col" style="color: #1B6D85;">
            222
        </div>
    </div>
</div>

注意 , 并不需要是12的约数 , 可以任意等分

可变宽度的弹性空间

用.col-{breakpoint}-auto断点方法 , 可以实现根据其内容的自然宽度来对列进行大小调整.

1
<div class"col-md-auto">111</div>

mb-0

m – 设定保证金

p – 设置填充

t – 设置margin-top或padding-top

b – 设置margin-bottom或padding-bottom

l – 设置margin-left或padding-left

r – 设置margin-right或padding-right

x – 设置padding-left和padding-right或margin-left和margin-right

y – 设置padding-top和padding-bottom或margin-top和margin-bottom

空白 – 在元素的所有4个边上设置边距或填充

0 – 将边距或填充设置为0

1 – 将边距或填充设置为.25rem(如果font-size为16px则为4px)

2 – 将边距或填充设置为.5rem(如果字体大小为16px则为8px)

3 – 将边距或填充设置为1rem(如果字体大小为16px，则为16px)

4 – 将边距或填充设置为1.5rem(如果字体大小为16px，则为24px)

5 – 将边距或填充设置为3rem(如果font-size为16px则为48px)

自动 – 将保证金设置为自动