如何在Bootstrap表单上放置背景图像?

时间:2014-07-24 02:07:02

标签: html css twitter-bootstrap twitter-bootstrap-3

我正在尝试在我的表单上放置一个背景图像(比如文本和输入后面,就像我的网站的背景图像一样),使用Bootstrap框架,但图像显示在底部,我希望它在里面“容器”。

我的代码是这样的:

<div class="container">
    <div class="thumbnail">
        <form....>
            <fieldset>
            .
            .
            .
        </form>
        <img src="cs.jpg" class="img-responsive">
    </div>
<div>

2 个答案:

答案 0 :(得分:2)

您是否尝试将该容器的背景图像设置为图像? IE:

.container {
    background-image: url("cs.jpg");
}

或者你可以内联:

<div class="container" style="background-image: url('cs.jpg');">
    ...
</div>

答案 1 :(得分:1)

或者你可以尝试这样..

type makeHandler struct {
    YourVariable string
}

func (m *makeHandler) ServeHTTP (w http.ResponseWriter, r *http.Request) {
    yourVariableYouNeed := m.YourVariable
    // do whatever 
    w.Write()
}

// do whatever you need to get your variable
blah := &makeHandler{ yourThing }

http.Handle("/views", blah)

和css这样:

<body>
    <div class="jumbotron">
    <div class="container">
        <h1>Hello, world!</h1>
        <p>...</p>
    </div>
    </div>
</body>