调整屏幕大小时，Twitter导航栏会更改其高度

Question

请看这三张图片：

1）如果所有元素都适合navbar everithing就可以了

2）如果只有中心元素适合导航栏，则navabar的高度会自动增加

3）如果页面变小则可以

代码：

local luasql = require "luasql.sqlite3"

dbname = "dbname"
table1 = "table1"
table2 = "table2"

env = luasql.sqlite3()
con = env:connect(dbname)

-- Create table1
res1 = con:execute(string.format("CREATE TABLE '%s' (" ..
    "id INTEGER PRIMARY KEY AUTOINCREMENT, " ..
    "test1 varchar(32), " ..
    "test2 varchar(32))", con:escape(table1)))

-- Create table2
res2 = con:execute(string.format("CREATE TABLE '%s' (" ..
    "id INTEGER PRIMARY KEY AUTOINCREMENT, " ..
    "id_of_row_in_table_1 varchar(32), " ..
    "test2 varchar(32))", con:escape(table2)))

-- Insert data into table1
last_inserted_id = con:execute(string.format("INSERT INTO '%s' ('%s', '%s')", con:escape(table1), 'test1', 'test2', con:escape('1'), con:escape('1')))

print(last_inserted_id) -- unfortunately this do not return just inserted id

-- Insert data into table2
res = con:execute(string.format("INSERT INTO '%s' ('%s', '%s')", con:escape(table2), 'last_inserted_id', 'test2', con:escape(last_inserted_id), con:escape('1')))

在这里你可以找到代码，如果你试图调整菜单区域的大小，你可以看到我的问题。

http://jsfiddle.net/8dabnd41/

有人可以帮助我吗??

Answer 1

您可以禁用Bootstrap导航栏折叠。关于如何在此处执行此操作有一个很好的解释：Bootstrap 3 - disable navbar collapse