Question

我试图在屏幕中间很好地集中我的课程，有人可以告诉我如何修改此代码吗？

<body>

<div class="container">
    <div class="container">
        <img  class="myimg" src="img/logo.png" alt="my logo"/>
    </div>
    <div class="container">
        <form class="well span4">
            <input type="text" class="span3" placeholder="Username"/><br/>
            <input type="password" class="span3" placeholder="Password"/><br/>
            <button class="btn btn-primary span3">Sign in</button>
        </form>
    </div>
</div>

Answer 1

尝试使用

<div class="container text-center">

在您拥有的第二个.container上（.well的父级）。

Answer 2

这应该这样做。只需将您的表单偏移4.这是因为3个列的宽度相等

<div class="container">
<div class="container">
    <img  class="myimg" src="img/logo.png" alt="my logo"/>
</div>
<div class="container">
    <form class="well offset4 span4">
        <input type="text" class="span3" placeholder="Username"/><br/>
        <input type="password" class="span3" placeholder="Password"/><br/>
        <button class="btn btn-primary span3">Sign in</button>
    </form>
</div>

如何在页面中心很好地对齐twitter引导程序的类？

2 个答案: