如何从数据库并排显示结果

时间:2017-02-08 18:21:21

标签: c# html css asp.net twitter-bootstrap

所以我使用asp.net制作网站,我希望使用bootstrap并排显示结果。我已经尝试过浮动: - 离开div但没有成功。 谢谢你的帮助。

以下HTML代码: -

<div class="container">
        <h3 class="my_h">Locais para comer</h3>
            <div class="container-fluid" style="padding-top:15px;">
                <%=datainfo()%>
            </div>
    </div>

c#代码如下: -

while (reader.Read())
        {
            string Nome = reader.GetString(1);
            string Tipo = reader.GetString(2);
            int Preco = reader.GetInt32(3);
            string Horario = reader.GetString(4);
            string morada = reader.GetString(5);
            htmlStr += @"
                        <div class=""row"">
                            <div class=""col-md-4"">
                                <div>
                                    <img class=""imagem"" src=""imagens/comer/pino.jpg""/>
                                    <p class=""my_p"">" + Nome + @"</p>
                                    <p class=""my_p1"">Tipo: " + Tipo + @"</p>
                                    <p class=""my_p2"">Preço: " + Preco + @"€</p>
                                    <p class=""my_p3"">" + Horario + @"</p>
                                    <p class=""morada"">" + morada + @"</p>
                                    <div class=""row"" style=""margin-top: -7px"">
                                        <button class=""btn_reser"" onclick=""location.href='registo.aspx';"" type=""button"">Reservar</button>
                                    </div>
                                </div>
                             </div>
                       </div>";

        }
        conn.Close();
        return htmlStr;
    }

0 个答案:

没有答案