我有这个水平菜单有一个滚动条.我想让它向左或向左滚动而没有滚动条.那可能吗？左/右箭头按钮(屏幕上没有键盘)或鼠标悬停.什么是最好的解决方案？
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #777;
}<div class="scrollmenu">
<a href="#home">Week 1</a>
<a href="#news">Week 2</a>
<a href="#contact">Week 3</a>
<a href="#about">Week 4</a>
<a href="#support">Week 5</a>
<a href="#blog">Week 6</a>
<a href="#tools">Week 7</a>
<a href="#base">Week 9</a>
<a href="#custom">Week 10</a>
<a href="#more">Week 11</a>
<a href="#logo">Week 12</a>
<a href="#friends">Week 13</a>
<a href="#partners">Week 14</a>
<a href="#people">Week 15</a>
<a href="#work">Week 16</a>
<a href="#home">Week 17</a> …我有4个按钮，我想在网络浏览器上显示2x2，然后在移动设备以及平板电脑上彼此堆叠。我读到有关使用btn-primary和secondary以及按钮块的信息，但是我没有运气。最简单的方法有什么方向吗？
<div class="button-group ">
<button class="btn btn-primary btn-primary page-scroll" href="#intro">watch video</button>
<button class="btn btn-primary btn-secondary">review info</button>
</div>
<div class="button-group ">
<button class="btn btn-primary btn-primary">see sample</button>
<button class="btn btn-primary btn-secondary">sequence</button>
</div>