≡

How to layout paging position

How to layout paging position

mikezangmikezang Posts: 4Questions: 2Answers: 1

I found my paging buttons as below, how can I adjust them to be normal? http://www.brickshelf.com/gallery/mikezang/pics/screenshot2016-02-19at22.20.34.jpg

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 66,144Questions: 1Answers: 11,028 Site admin

    Are you loading both the DataTables and Bootstrap integration CSS files? Include only one. The download builder will create the files you need.

    Allan

  • mikezangmikezang Posts: 4Questions: 2Answers: 1

    This is what I want to know, but I am not sure how to do exactly! Here are my CSS including, which one should be comment? Thanks for your advice?

    <link href="http://cdn.jsdelivr.net/webjars/bootstrap/3.3.6/css/bootstrap.min.css"
    th:href="@{/webjars/bootstrap/3.3.6/css/bootstrap.min.css}"
    rel="stylesheet" media="screen" />

    <link href="http://cdn.jsdelivr.net/bootstrap.metismenu/1.1.3/css/metismenu.min.css"
    th:href="@{/webjars/metisMenu/1.1.3/metisMenu.min.css}"
    rel="stylesheet" media="screen" />

    <link href="/css/dataTables.bootstrap.css" rel="stylesheet"/>

    <link href="/css/sb-admin-2.css" rel="stylesheet"/>

    <link href="/css/styles.css" rel="stylesheet"/>
    <link href="/css/magnific-popup.css" rel="stylesheet"/>

    <link href="http://cdn.jsdelivr.net/webjars/font-awesome/4.5.0/css/font-awesome.min.css"
    th:href="@{/webjars/font-awesome/4.5.0/css/font-awesome.min.css}"
    rel="stylesheet" media="screen" />

  • allanallan Posts: 66,144Questions: 1Answers: 11,028 Site admin

    That looks okay. Could you give me a link to the page so I can take a look and debug it please.

    Allan

  • mikezangmikezang Posts: 4Questions: 2Answers: 1
    Answer ✓

    I solved it after remove <link href="/css/styles.css" rel="stylesheet"/> <link href="/css/magnific-popup.css" rel="stylesheet"/>.

This discussion has been closed.