bootstrap pagination and Page flipping

Bootstrap page in UL add pagination to show the following effect:

Bootstrap page in the UL Add pager class can display the following effect;

Combining paging and page flipping can show the following effects:

Therefore, it takes 3 block elements xian to display in the same column, the workaround:

Set float for the first and last UL for left and right respectively

The code is as follows:

1 <Divclass= "Col-sm-offset-4 col-sm-3">2     <ulID= "Previous"class= "Pager">3         <Li><ahref="#">&larr;Previous page</a><>4     </ul>5     <ulID= "pages"class= "pagination">6         <Li><ahref="#">1</a><Li>7         <Li><ahref="#">2</a><Li>8     <Li><ahref="#">3</a><Li>9     <Li><ahref="#">4</a><Li>Ten     <Li><ahref="#">5</a><Li> One     </ul> A     <ulID= "Next"class= "Pager"> -         <Li><ahref="#">Next page&rarr;</a><Li> -     </ul> the </Div>            

The CSS settings are as follows:

1 ul {2 Display:inline-block;3 }4 #previous {5 Float:left;6 }7 #next {8 Float:right;9 }Ten #pages { One padding-left:25px; A}

For common block-level elements, the following:

<address> <blockquote> <dd> <div> <dl> <fieldset> <form>

The new block-level elements in HTML5 are:

<article> <aside> <audio> <canvas> <figcaption> <figure> <footer> < header>

bootstrap pagination and Page flipping