选择下拉菜单时,导航栏会略微向右移动

时间:2018-03-19 15:50:49

标签: twitter-bootstrap-3 navbar

为什么选择下拉列表时我的导航栏会向右跳一点?看起来缺少一些填充:或许悬停。任何帮助,将不胜感激。感谢

http://www.85widening.com/default.html

1 个答案:

答案 0 :(得分:1)

当模态打开时,它与隐藏在body上的垂直滚动条的Bootstrap有关。仅当您具有需要垂直滚动的固定导航栏和正文/模态内容时才会出现此问题。

根据我的回忆和发现,这是Bootstrap 3的一个错误,我认为它根据this GitHub issue无法解决。

大多数解决方法似乎都涉及JS在模式打开时向导航栏添加padding-right(如15px)或覆盖overflow: hidden属性Bootstrap添加到modal-open类的bodypublic class Demo4 extends AppCompatActivity { private Button b; private final String CALL_DEFAULT_MAP = "call_default_map"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_daily__schedule); if(getIntent() != null) {//1 if(getIntent().getStringExtra(CALL_DEFAULT_MAP) != null) { if (getIntent().getStringExtra(CALL_DEFAULT_MAP).equals("true")) { defaultMap(); } } } b = (Button) findViewById(R.id.b); b.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent myIntent = new Intent(Demo4.this, Demo5.class); finish(); startActivity(myIntent); } }); } public void defaultMap() { Toast.makeText(getApplicationContext(),"defaultMap()---called",Toast.LENGTH_LONG).show(); } } 当你打开一个模态。这样做的缺点是你将有两个垂直滚动条(丑陋)。添加变通方法或删除固定的导航栏。我还没有转到Bootstrap 4,但也许他们已经解决了这个问题。