angular-ui-bootstrap 相关问题

我是前端设计的新手，我想设计一个如下表所示的Servicenow Service门户：我正在从一边尝试，但是没有获得正确的设计 ]] >> 我正在详细说明答案。要使用Bootstrap和bootstrap-javascript，我们必须将其包含在文件中。因此，我包括了Bootstrap 4.4，并在代码的末尾添加了JavaScript文件。（有关更多信息，请参考here）然后设计表格，我们使用html标记来完成。然后要添加样式，我们可以包含Bootstrap classes。有关更多信息，请参考文档page。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Template</title>  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" /> <style> tr:nth-child(even), thead { background-color: #bdc2c7; } </style> </head> <body> <div class="container"> <table class="table table-responsive-sm table-bordered border-dark"> <caption style="caption-side: top;"> Books Room v1 </caption> <thead> <tr> <th scope="col">Serial Number</th> <th scope="col">Title</th> <th scope="col">End Date</th> </tr> </thead> <tbody> <tr> <td>Book Ticket</td> <td>x:y</td> <td>r:s</td> </tr> <tr> <td>Book Train</td> <td>p:q</td> <td>t:u</td> </tr> <tr> <td>Book Train</td> <td>p:q</td> <td>t:u</td> </tr> <tr> <td>Book Train</td> <td>p:q</td> <td>t:u</td> </tr> </tbody> </table> </div>  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous" ></script> </body> </html> For More 尝试一下。 <div class="panel panel-body"> <h2>Book Rooms v1</h2> <table border="2" class="table m-b-lg"> <thead> <tr> <th>Serial Number</th> <th>Title</th> <th>End Date</th> </tr> </thead> <tbody> <tr> <td>Book_ticket</td> <td>x: y</td> <td>p: q</td> </tr> <tr class="bg-white text-dark"> <td>Book_train</td> <td>r: s</td> <td>t: u</td> </tr> </tbody> </table>

html bootstrap-4 angular-ui-bootstrap servicenow

回答 2 投票 0

需要在servicenow中设计表的帮助

我是前端设计的新手，我想设计一个如下表所示的Servicenow服务门户，但是我没有从正确的位置进行尝试，但我没有得到正确的设计

html bootstrap-4 angular-ui-bootstrap servicenow

回答 2 投票 0

如何使用Bootstrap构建动态搜索框

我目前正在Servicenow Service门户中工作，该门户支持Angular，我可以使用引导程序来创建搜索框，如下所示：

html css angularjs angular-ui-bootstrap servicenow

回答 4 投票 1

需要使用引导程序来构建动态搜索框的帮助

我目前正在Servicenow Serivce门户网站中工作，该门户网站支持Angular，我可以使用引导程序创建一个搜索框，如下所示：