我尝试在datalist中使用bootstrap portfolio-item代码
<div class="row">
<asp:Panel ID="Pnl_prodL" runat="server" Width="100%">
<asp:DataList ID="dlst_prodNP" runat="server" OnItemDataBound="dlst_prodNP_ItemDataBound" RepeatColumns="2" DataKeyField="id" Width="100%">
<ItemTemplate>
<div class="col-lg-6 portfolio-item" style="background-color: red">
<div class="card h-100">
<a href="#">
<img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
<div class="card-body">
<h4 class="card-title">
<a href="#">Project Three</a>
</h4>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
</div>
</div>
</div>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:DataList>
</asp:Panel>
</div>
我面临一个问题,我想要的是像链接Portfolio 2 Subheading中的这个例子,但我所有记录的问题都像这样
所以有人能告诉我这里的错误吗?谢谢大家
根据你提到的链接,html应该是这样的
<div class="row">
<div class="col-lg-6 portfolio-item">
<div class="card h-100">
但是,由于您将DataList包装在Panel中,因此您的html看起来像这样。
<div class="row">
<div ID="Pnl_prodL"> // extra div from panel
<div class="col-lg-6 portfolio-item" style="background-color: red">
<div class="card h-100">
Panel在html中创建一个<div>
元素。我不知道该面板的用途是什么,但是PlaceHolder
具有大部分功能而没有创建它自己的div。也许那会解决你的问题......