مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

Dr-Pantagon

عضویت از 1392/11/01

مشکل ریسپانسیو با دیتالیست datalist

  • دوشنبه 22 آذر 1395
  • 04:39
تشکر میکنم

با سلام

من یه دیتالیس دارم که هر کاریش کردم نتونستم ریسپانسیو کنم و سرچ هم که کردم دیدم نوشتن چون به صورت جدول خروجی رو میده نمیشه ریسپانسیو بشه 

یه سری تریک بود که جواب نداد

تو فکرم بود از repeater استفاده کنم ولی متاسفانه چند ستونه نمیشه یا ستون بندی نمیشه کردش

به نظرتون چکار کنم ؟

سایت 5 ستون داره و 4 تا سطر که از دیتابیس داره میخونه و باید ریسپانسیو باشه 

تشکر

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • دوشنبه 22 آذر 1395
  • 08:19

از bootStarp برای ریسپانسیو کردن استفاده کنید

 <div class="container">
        <div class="row">
            <asp:Repeater ID="myRepeater" runat="server" DataSourceID="myDataSourceID">
                <ItemTemplate>
                    <div class="col-sm-4">
                        <%# Eval("itemID")%><br />
                        <%# Eval("itmName")%>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </div>

کاربر سایت

Dr-Pantagon

عضویت از 1392/11/01

  • دوشنبه 22 آذر 1395
  • 12:46
اینو چک کردم جواب نداد از stack سرچش کردم بازم چک میکنم
کاربر سایت

jamaljaj

عضویت از 1394/03/17

  • دوشنبه 22 آذر 1395
  • 18:23

سلام برای ریسپانسیو ردن دیتا لیست این کد رو امتحان کن 

 <asp:DataList ID="DataList1" runat="server" DataKeyField="IdKala"  RepeatColumns="3"
                     Width="100%" CssClass="table table-responsive" RepeatDirection="Horizontal" 
                     RepeatLayout="Flow" >
                    <ItemTemplate>
                        <div class="col-lg-4 col-sm-4  ">
                            <div class="well gallry-wrapper">
                              
<%# Eval("itemID")%><br />
                       <%# Eval("itmName")%>

                            </div>
                        </div>
                    </ItemTemplate>
             

   </asp:DataList>
استایل :  

.gallry-wrapper
{
width:98%; 

border: 1px groove #d9d9d9;
margin:5px  auto;
height:420px;

text-align:center;

 box-shadow: 0 0 3px #ccc;
    
}

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)