You must Sign In to post a response.
  • Category: .NET

    How to Design Bootstrap Layout


    I have images in my Database.
    Now i using Gridview for image binding working good.

    But i need how to bind Gridview with Bootstrap layout binding from DB Records.
  • #766017
    bootstrap easily and efficiently scale your website and application with single code base from phone to tab to laptops to desktops, The GridView control of Bootstrap provides responsive design quickly and easily.
    first you need to download bootstrap Responsive Classes, here are the steps you need to follow
    Create a new project using "File" -> "New" -> "Project..." then select Web then select "ASP.Net Web Forms Application". Name it "GridviewResponsive, For the new ASP.NET Project select Empty template then select the Web Forms checkbox then click OK.
    then follow below link for more details

    Editor, DotNetSpider MVM
    Microsoft MVP 2014 [ASP.NET/IIS]

  • #766031

    I need no data bind.

    i need only images loading every row 3 images occupying with gridview responsive gridview.

    Name : Dotnet Developer-2015
    Email Id

    'Not by might nor by power, but by my Spirit,' says the LORD Almighty.

  • #766032
    [Response removed by Admin. Read forum policies.]

  • #766033
    Hello i know data binding in gridview.
    But i need how to bind images from db using bootstrap layouts.

    Name : Dotnet Developer-2015
    Email Id

    'Not by might nor by power, but by my Spirit,' says the LORD Almighty.

  • #766047
    Twitter Bootstrap is the technology to make the controls responsive. So to make the responsive layout, we use Twitter Bootstrap. It make the layout responsive when rendering under the Bootstrap. Bootstrap is the set of css and js files which make the UI design more attractive and smooth.
    Now if you want to apply the Twitter Bootstrap to your existing ASP.Net Grid-view, you need to install it and then it will automatically change the layout by applying the style and java script events.
    You can make use of those event to do other things.
    You can go to the below link and see how you can download an apply the formatting to your application's controls using Twitter Bootstrap:
    Hope it will be helpful to you.

    Pawan Awasthi(DNS MVM)
    +91 8123489140 (whatsApp), +60 14365 1476(Malaysia)

  • #766052
    Basically Bootstrap is design the UI with some standard. You can have to refer the follow files in your page.

    <linkhref="Styles/bootstrap.css" rel="stylesheet"/>
    <script src="Scripts/bootstrap.js"></script>

    You can use the styles in your UI. Following is the sample usage of gridview styles

    DataKeyNames="ID"CssClass="table table-hover table-striped">
    <asp:ButtonField CommandName="detail"ControlStyle-CssClass="btn btn-info"ButtonType="Button"Text="Detail"HeaderText="Detailed View">
    <ControlStyleCssClass="btn btn-info"></ControlStyle>
    <asp:BoundField DataField="ID"HeaderText="ID"/>
    <asp:BoundField DataField="Name"HeaderText="Name"/>
    <asp:BoundField DataField="Address"HeaderText="Address"/>

    By Nathan
    Direction is important than speed

Sign In to post your comments