Bootstrap-портфолио с Asp Dalalist - PullRequest
Новая
       18

Bootstrap-портфолио с Asp Dalalist

0 голосов
/ 02 сентября 2018

Я пытаюсь использовать элемент портфолио начальной загрузки в списке данных. код 

<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>

и я сталкиваюсь с проблемой, что я хочу, как этот пример в ссылке Подпункт 2 портфолио но проблема со мной все записи приходят вот так my test page

так кто-нибудь может сказать мне, в чем здесь моя ошибка? Спасибо всем

1 Ответ

0 голосов
/ 02 сентября 2018

По ссылке, которую вы упомянули, 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">

Панель создает элемент <div> в html. Я не знаю, для чего используется эта панель, но PlaceHolder обладает большей частью функциональности без создания собственного div. Может быть, это решит вашу проблему ...

...