我正在尝试使用Bootstrap 3.1进行两列居中布局.我读过这个:我如何将一个带有'spanX'类的Bootstrap div居中?,但内容与左侧对齐.这是我的HTML:
<div class="row">
<div class="center">
<div class="col-lg-3 gauche">
Left div
</div>
<div class="col-lg-5 corps">
Right div
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS:
body
{
padding: 0;
margin: 0;
}
.corps
{
background-color: white;
}
.contenu
{
margin-top: 5em;
margin-bottom: 1em;
background-color: white;
padding: 1.2em;
padding-left: 1.5em;
}
.center
{
float: none;
margin-left: auto;
margin-right: auto;
}
.gauche
{
background-color: #e6e6e6;
min-height: 200px;
}
Run Code Online (Sandbox Code Playgroud)
我正在尝试在页面上使用Google字体.在我使用的html中:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
Run Code Online (Sandbox Code Playgroud)
在我的CSS中:
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
Run Code Online (Sandbox Code Playgroud)
当我使用带有font-family属性的"Open Sans"时,它仍然保留在Arial上.
body
{
background-color: #F1F1F2;
font-family: "Open Sans", Arial;
}
Run Code Online (Sandbox Code Playgroud)