xxxxxxxxxx
1
<record model="ir.ui.view" id="sequence_test_user_form">
2
<field name="name">用户管理</field>
3
<field name="model">sequence_test.users</field>
4
<field name="arch" type="xml">
5
<form>
6
<div class="container-fluid">
7
<div class="row">
8
<div class="col-md-8">
9
<div class="field-margin">
10
<label for="user_name" string="姓名"/>
11
<field name="user_name"/>
12
</div>
13
</div>
14
<div class="col-md-4">
15
<div class="field-margin">
16
<label for="user_name" string="姓名"/>
17
<field name="user_name"/>
18
</div>
19
</div>
20
</div>
21
<div class="row">
22
<div class="col-md-8">
23
<div class="row">
24
<div class="col-md-4">
25
<div class="field-margin">
26
<label for="user_name" string="姓名"/>
27
<field name="user_name"/>
28
</div>
29
</div>
30
<div class="col-md-4">
31
<div class="field-margin">
32
<label for="user_name" string="姓名"/>
33
<field name="user_name"/>
34
</div>
35
</div>
36
<div class="col-md-4">
37
<div class="field-margin">
38
<label for="user_name" string="姓名"/>
39
<field name="user_name"/>
40
</div>
41
</div>
42
</div>
43
</div>
44
<div class="col-md-4">
45
<div class="field-margin">
46
<label for="user_name" string="姓名"/>
47
<field name="user_name"/>
48
</div>
49
</div>
50
</div>
51
</div>
52
</form>
53
</field>
54
</record>
已复制
一些建议:
1、一个row为一行,一行最多分为12份,栅格只负责布局,class不要混用,class功能分开;
2、嵌套时col的直接父级元素只能是row;
3、布局里字段的写法,个人建议:
xxxxxxxxxx
1
<div class="field-margin">
2
<label for="user_name" string="姓名"/>
3
<field name="user_name"/>
4
</div>
已复制
用个div包裹的目的是样式好调整,然后整个字段我用class(field-margin)加了点外边距
因为odoo自身集成了bootstrap,布局我们建议用bootstrap栅格系统布局。具体用法请参考bootstrap官网(https://v3.bootcss.com/css/#grid)